Vue CLI3 Invalid host header

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'
   ]
  }
};

参考资料:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 参考文档 https://www.linuxidc.com/Linux/2017-09/146760.htmhtt...
    三杯水Plus阅读 4,356评论 0 8
  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 7,452评论 0 10
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,919评论 0 38
  • NAME dnsmasq - A lightweight DHCP and caching DNS server....
    ximitc阅读 2,936评论 0 0
  • 你好,大海,多年未见,你还记得我吗,我是当年逃跑的那朵浪花,现在我已经变成河流,回来看望依旧浩荡的你。 你知道...
    时间流浪者阅读 195评论 0 0