webpack-dev-server 无法通过ip访问的问题

使用Vue-cli生成的webpack脚手架，之前一直是可以通过本地ip + 端口来访问的。今天忽然不可以，百度一下才知道缺少了host参数。

打开package.json。在.scripts.dev中，加入 --host 0.0.0.0 参数即可

# 修改前
"scripts": {
    "dev": "webpack-dev-server --inline --progress --config  build/webpack.dev.conf.js",
    ...
},

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

 

如果是 vue-cli 3 的版本，需要修改的是 vue.config.js

devServer: {
        open: true, // 启动服务后是否打开浏览器
        host: '0.0.0.0',
        port: 8080, // 服务端口
        https: false,
        hotOnly: false,
},