解决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
今天原本想把自己的网站给别人看一下(局域网),启动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
更多推荐
所有评论(0)