vue项目实现ip和localhost同时访问

470 阅读1分钟

今天接到别人的一个项目,出现了本地ip不能访问的问题,如下图

image.png 解决方法:

build文件下的config.js中修改host为0.0.0.0

ps:很多博主都是这种解决方法,改完之后,手动输入本地ip确实可以运行起来,但是项目自启动时会自动跳到0.0.0.0,如下图

image.png

接下来在解决这个问题

在同文件下找到webpack.dev.conf.js文件,找到devWebpackConfig,在下图位置配置useLocalIp: true

image.png

至此可在浏览器中通过ip和localhost同时访问

如果想在终端显示Local和Network的地址,如下图,可接着进行配置

image.png

还是在webpack.dev.conf.js文件中,在module.exports中进行修改,如下图,正常是devWebpackConfig,此处在上面进行赋值了,所以为tempWebpackConfig

image.png 至此全部问题都已解决,亲测有效,可放心使用