Vue本地项目实现其他局域网电脑在线访问

Code Is Never Die !

项目在本地npm run dev跑起来,默认为http://localhost:8080在当前IP下访问没有问题,但是同一局域网下的其他同事却访问不了,显示ERR_CONTENT_LENGTH_MISMATCH,没有办法访问
Vue本地项目实现其他局域网电脑在线访问_第1张图片
同时直接通过同事电脑访问我的IPhttp://192.168.1.20:8080,也显示连接失败无法访问也无法访问成功。
看到网上的解决办法如下:
1.package.jsonscriptsdev中最后加入--host 0.0.0.0 亲测后无效;
2.config下的index.js中的host属性“localhost”改为0.0.0.0 亲测后无效;
(备注:可能是上述方法有效,但我的项目未满足条件)
我解决问题的办法:
1.package.jsonscriptsdev中最后加入--host 本机IP
2.config下的index.js中的host属性“localhost”改为本机IP
这样的话重新启动项目即可在同一局域网下的其他IP下访问本地项目。
Vue本地项目实现其他局域网电脑在线访问_第2张图片
PS:注意要把电脑防火墙给关了,这方面也会影响同一局域网下在线访问本机项目(仅限于工作环境局域网,不然可能会产生危险哦)。
Vue本地项目实现其他局域网电脑在线访问_第3张图片

你可能感兴趣的:(前端常见问题,Vue项目相关)