Open ZhengXingchi opened 4 years ago
解决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保险一些。
补充： 有网友提出按照该方法还是不能解决这个问题，那么可能使用的配置不一样，项目引用的是webpack.config.js中的配置，在config -> devServer中，加入一行host即可：
解决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保险一些。
补充： 有网友提出按照该方法还是不能解决这个问题，那么可能使用的配置不一样，项目引用的是webpack.config.js中的配置，在config -> devServer中，加入一行host即可：