解决vue的webpack-simple项目无config目录,ip地址无法访问的问题

今天原本想把自己的网站给别人看一下(局域网),启动vue后,使用localhost和127.0.0.1都可以访问,但是用ip地址192.168.XX.XX 却访问不了,找了其他资料,都是修改vue项目config文件夹下的 index.js,详见:如何解决vue项目ip地址无法访问的问题,但是这个方法是针对完整的webpack才有这个目录,我的项目刚开始建的时候使用的是webpack-simple,所以没有这目录,把根目录下有关localhost的文件都翻过了都找不到解决方案。正当我茫然四顾的时候,发现了这个方法:

--------------------------      背景结束,我是分割线     -----------------------------------

找的项目中的package.json,在"scripts"的“dev”最后加上:--host 0.0.0.0 。


加上后使用npm run dev 重新启动,默认打开的地址会变成0.0.0.0的地址,我0.0.0.0还是访问不了,但是使用ip地址已经可以访问了。

当然,把--host 0.0.0.0改成--host 192.168.XX.XX,那么打开的时候也就可以正常访问了,但是考虑到ip地址会变化,所以还是0.0.0.0保险一些。


参考链接:http://www.bubuko.com/infodetail-2470935.html

猜你喜欢

转载自blog.csdn.net/tg928600774/article/details/80401415