使用vue-cli的webpack-simple模板，如何配置webpack-dev-server可以局域网访问？

Question

问题如题目

devServer:{

historyApiFallback: true,
noInfo: true,
inline: true

}

网上看到单独webpack-dev-server局域网访问是添加参数 --host 0.0.0.0，如果vue模板中也适用，应该加在哪？

Answer 1

devServer: {
host: '192.168.1.xxx',
}
'0,0,0,0'换成本地ip地址

Answer 2

devServer: {
  host: '0.0.0.0',
}

Answer 3

package.json中找到 scripts.dev
自动生成的值是

cross-env NODE_ENV=development webpack-dev-server --open --hot

在后面加上host参数

cross-env NODE_ENV=development webpack-dev-server --open --hot --host 0.0.0.0