问题:
在npm run dev运行项目之后,我们可以看见
此时访问http://localhost:8080可以访问我们本地的项目,但是如果是访问ip地址:8080,不论是后端同事还是我本地都显示无法访问。
一开始考虑是防火墙?(排查后排除)
打开控制面板
找到防火墙发现状态都是关闭的,可以排除是防火墙导致后端同事无法访问的问题
修改本地的index.js文件(部分解决)
随后我找项目的配置文件,发现index.js文件里面有个host的配置项,默认值为localhost,我把localhost改成ip地址之后发现可以访直接通过ip地址访问问,但是原来的这个localhost:8080却又访问不了了。
修改package.json中script下dev的值(解决)
package.json中
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"
后面加上 --host 0.0.0.0
成功解决