Vue CLI3 Invalid host header

2019-06-22 本文已影响0人不知道的是

Invalid Host Header

通过 http://xxx/#/login 访问基于 dev 分支构建完的项目，报错 Invalid Host Header 。

修改 vue.config.js 文件

在 devServer 配置项中增加 disableHostCheck: true

module.exports = {
  devServer: {
    host: "0.0.0.0",
    port: 8888,
    disableHostCheck: true,
  }
};

更安全的做法，指定许可的 hosts 列表

module.exports = {
devServer: {
 allowedHosts: [
  'host.com',
  'subdomain.host.com',
  'subdomain2.host.com',
  'host2.com'
   ]
  }
};

参考资料：