Narutocc / Vue

:smirk_cat:Vue is a progressive framework for building user interfaces. Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.
1 stars 0 forks source link

vue项目不能同时被localhost和ip地址同时访问的办法 #58

Open Narutocc opened 5 years ago

Narutocc commented 5 years ago

在启动 npm run dev 之后浏览器使用 localhost:8080可以访问项目,但是当换成ip就无法访问 主要是项目配置的问题

解决方法一:

找到项目的配置文件,config/index.js,有个host的配置项,默认为localhost

module.export = {
  dev: {
    ...
    host: 'localhost',
    ...
  }
}

将index.js中的host的值改为 ‘0.0.0.0’

解决方法二:

修改package.json中的script下dev的值,在后面加入 --host 0.0.0.0 也可以解决,如下:

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0"
  },

之后重启服务即可。