场景：
想把本地的项目访问localhost:3000访问修改成某个域名，比如a.baidu.com来访问。通过配置host；
127.0.0.1 a.baidu.com
但是访问的时候报错：显示invalid host header
原因：这句话的意思是：无效的Host请求头；
因为在vue （React同理）在调试时相当于启动了一个服务器以供我们访问（当我们build后，就可以放在我们自己的nginx等服务器）
如果不配置host就无法访问，解决办法有好几种，可以去设置host，比如：
1、设置允许访问域名：
devServer: {
allowedHosts: ['a.baidu.com']
}
2、设置跳过host检查：
devServer: {
disableHostsCheck: true
}
同时，修改配置需要重启项目。
参考：
https://blog.csdn.net/luxiahongyi/article/details/123489141
项目运行时页面提示Invalid Host header解决方案现象：1.项目运行时页面提示Invalid Hos...
nodejs项目在本地访问正常，然而运行到手机上就提示Invalid Host header。
Invalid Host header修改vue.config.js的配置
报错信息：Invalid HTTP_HOST header: 'xxxx_xxxx.com'. The domai...
webpack-dev-server中有时候起服务会有Invalid Host/Origin header的报错 ...
通过IP访问服务，需在命令行添加参数 --host 0.0.0.0 提示 invalid host header，...
package.json: "scripts": { "dev": "webpack-dev-server -...
我们在命令行启动本地angular2+项目时，可以默认使用了localhost，这是使用127.0.0.1代替也是...
内网穿透访问Vue项目的时候出现Invalid Host header解决办法 添加disableHostChec...
npm start已经成功启动 无法访问 Invalid Host header 1.需要host npm st...
本文标题：修改host运行项目报错invalid host header
本文链接：https://www.haomeiwen.com/subject/qbglpdtx.html
网友评论