当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue 本地服务不能被外部IP访问的完美解决方法

vue 本地服务不能被外部IP访问的完美解决方法

2018年11月04日  | 移动技术网IT编程  | 我要评论

林伟健电影,傅莹简历,qq免费空间代码

解决 webpack-dev-serveri 启动后通过外部访问报错 invalid host header

修改 config/index.js 的 host 属性为 ‘0.0.0.0'

{
// ...,
host: '0.0.0.0',
port: 8080,
// ...
}

修改 build/webpack.dev.conf.js 的 devserver 配置

增加 disablehostcheck = true

devserver: {
  clientloglevel: 'warning',
  historyapifallback: true,
  hot: true,
  compress: true,
  host: host || config.dev.host,
  port: port || config.dev.port,
  open: config.dev.autoopenbrowser,
  overlay: config.dev.erroroverlay
   ? { warnings: false, errors: true }
   : false,
  publicpath: config.dev.assetspublicpath,
  proxy: config.dev.proxytable,
  quiet: true, // necessary for friendlyerrorsplugin
  disablehostcheck: true,
  watchoptions: {
   poll: config.dev.poll,
  }
 }

启动后就可以通过 ip 访问了，比如 ip 为 192.168.1.100


ps：vue把localhost改成ip地址无法访问—解决方法

打开package.json文件，找到下面的代码

"scripts": {
  "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
  "start": "npm run dev",
  "build": "node build/build.js"
 },

改成

"scripts": {
  "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.0.114",
  "start": "npm run dev",
  "build": "node build/build.js"
 },

host后面是你的ip地址。

以上所述是小编给大家介绍的vue 本地服务不能被外部ip访问的解决方法，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网