vue项目可以通过本机localhost和本机或其他电脑使用ip地址访问的方法

问题描述:

本机的vue项目通过npm run dev 或者npm run serve的方式启动后,在浏览器可以通过输入localhost:8080就可以访问

但当在本机或者其他电脑的浏览器中输入本机的ip地址+端口,即:192.168.212.82:8080,不能访问成功

解决方法:

1、解决方法一:

找到项目的配置文件:/config/index.js,修改index.js文件中的host值,将‘localhost’改为‘0.0.0.0’
vue项目可以通过本机localhost和本机或其他电脑使用ip地址访问的方法_第1张图片

2、方法二:

找到项目中的package.json文件,修改其中scripts的‘dev’或者‘serve’的值,在‘dev’或者‘serve’值的后面加上 --host 0.0.0.0
vue项目可以通过本机localhost和本机或其他电脑使用ip地址访问的方法_第2张图片

你可能感兴趣的:(vue)