今天原本想把自己的网站给别人看一下(局域网),启动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保险一些。

 

补充:

有网友提出按照该方法还是不能解决这个问题,那么可能使用的配置不一样,项目引用的是webpack.config.js中的配置,在config -> devServer中,加入一行host即可:

host: "192.XXX.XXX.XXX",

 

 

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

Logo

前往低代码交流专区

更多推荐