使用vue开发，但是使用域名进行访问

即在C:\Windows\System32\drivers\etc\hosts
在这个文件中配置上域名，打开域名报错：invalid host header

解决方法是在vue.config.js中配置allowedHosts，将我们本地配置的域名加入到白名单即可
如下为示例代码：

  devServer: {

    progress: true,

    port: 80,

......

allowedHosts:[

'www.xxx.cn'

]

  },