修改host运行项目报错invalid host header

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