vue项目ip地址无法访问(解决方案)

1.开发环境 vue2
2.电脑系统 Windows11专业版
3.在使用vue开发的过程中,我们有时候需要使用手机来查看效果,但是我们会发现无法使用ip访问,为什么呢?是因为Webpack中host固定为localhost,从而导致了本地IP不能访问服务。
4.解决方案如下:
vue项目ip地址无法访问(解决方案)_第1张图片

//把host:"localhost"改成 host:'0.0.0.0' 重新启动项目就可以了
// host: 'localhost', 
host: '0.0.0.0',

5.关闭公用网络的防火墙

第一步

vue项目ip地址无法访问(解决方案)_第2张图片

第二步

vue项目ip地址无法访问(解决方案)_第3张图片

6.本期的分享到了这里就结束啦,希望对你有所帮助。

你可能感兴趣的:(vue.js)