场景:
想把本地的项目访问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