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

Posted 2021-12-17 rainux.

Code Is Never Die ！

项目在本地npm run dev跑起来，默认为http://localhost:8080在当前IP下访问没有问题，但是同一局域网下的其他同事却访问不了，显示ERR_CONTENT_LENGTH_MISMATCH，没有办法访问

同时直接通过同事电脑访问我的IPhttp://192.168.1.20:8080，也显示连接失败无法访问也无法访问成功。
看到网上的解决办法如下：
1.package.json中scripts的dev中最后加入--host 0.0.0.0 亲测后无效；
2.config下的index.js中的host属性“localhost”改为0.0.0.0 亲测后无效；
（备注：可能是上述方法有效，但我的项目未满足条件）
我解决问题的办法：
1.package.json中scripts的dev中最后加入--host 本机IP；
2.config下的index.js中的host属性“localhost”改为本机IP
这样的话重新启动项目即可在同一局域网下的其他IP下访问本地项目。

PS：注意要把电脑防火墙给关了，这方面也会影响同一局域网下在线访问本机项目（仅限于工作环境局域网，不然可能会产生危险哦）。