解决 webpack-dev-server 不能使用 IP 访问
2021-01-21 09:13
阅读：377
webpack 是众所周知很好用的打包工具，在开发 vue 项目时，vue-cli 就集成了 webpack。
我们启一个服务：npm run dev
然后在浏览器可是使用 http://localhost:8080 访问，但是当我们遇到移动端项目时，需要在手机端访问，所以要把 localhost 换成本地 IP 地址，例如：http://192.168.x.xx:8080，你会发现移动端无法使用 IP 访问。
解决方案
第一种方法：
找到 your-project/build/webpack.dev.conf.js
// const HOST = process.env.HOST
const HOST = ‘192.168.x.xx:8080‘然后保存，重新启动一下服务，会发现 PC 地址栏已经变成：
http://192.168.x.xx:8080 了，然后手机试一试，没问题。
第二种方法：
找到 your-project/package.json
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"在这句话里面添加参数 --host 0,0,0,0
"dev": "webpack-dev-server --inline --host 0.0.0.0 --progress --config build/webpack.dev.conf.js"然后在 PC 地址栏输入：http://192.168.x.xx:8080 or localhost or 0.0.0.0 都可以访问，手机使用 IP 访问也是没问题。
最后提醒大家，手机可以访问的前提是：手机和电脑需要连的同一个 wifi。
转载：https://www.cnblogs.com/cowboybusy/p/10991887.html
文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：解决 webpack-dev-server 不能使用 IP 访问
文章链接：http://soscw.com/index.php/essay/44920.html
文章标题：解决 webpack-dev-server 不能使用 IP 访问
文章链接：http://soscw.com/index.php/essay/44920.html
评论
亲，登录后才可以留言！