vue项目不能同时被localhost和ip地址同时访问的方法(已解决)

922 阅读1分钟

问题:

npm run dev运行项目之后,我们可以看见

image.png

此时访问http://localhost:8080可以访问我们本地的项目,但是如果是访问ip地址:8080,不论是后端同事还是我本地都显示无法访问。

一开始考虑是防火墙?(排查后排除)

打开控制面板

image.png

找到防火墙发现状态都是关闭的,可以排除是防火墙导致后端同事无法访问的问题

修改本地的index.js文件(部分解决)

随后我找项目的配置文件,发现index.js文件里面有个host的配置项,默认值为localhost,我把localhost改成ip地址之后发现可以访直接通过ip地址访问问,但是原来的这个localhost:8080却又访问不了了。

修改package.jsonscriptdev的值(解决)

image.png package.json

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"

后面加上 --host 0.0.0.0

成功解决