Vue CLI使用webpack构建项目IP无法访问的解决方法
vue-cli 老项目里的 Webpack 服务端默认只监听localhost，你 IP 访问不通。之前有个朋友也是开发手机端页面，调试半天，结果发现用192.168.x.x访问页面加载不了。嗯，其实办法简单，在webpack.dev.conf.js里动一动手脚就行。
webpack 配置的 HOST 地址写死成了localhost，你只要加一行：
const HOST = process.env.HOST || '0.0.0.0';这样 Webpack 就会监听所有 IP 了，局域网手机、平板访问都没问题。别忘了重启服务，重新npm run dev一下，浏览器里输个192.168.1.5:8080，页面就能打开了。
这个方法其实不光 Vue CLI 能用，凡是 Webpack 搭的服务都能这么改，比如 React 也一样。哦对了，改的时候别顺手推上生产环境，开发环境开放 IP 是方便，生产环境就得注意安全咯。
如果你刚好也在搞移动端调试或者多人内网联调，那这个小修改挺值的，省得绕来绕去连不上。
文件大小：55.78KB
评论区