Invalid Host header 服务器域名访问出现的问题

---

问题描述

在阿里云系统上使用webpack-dev-server打包发布的应用，通过ip是可以访问的。但是ip绑定域名之后使用域名访问页面显示Invalid Host header

---

原因分析

新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。

---

解决方案

方案一：可以在build目录中的webpack.base.conf.js中添加如下webpack-dev-server配置：devServer: { disableHostCheck: true, }

module.exports = {
  devServer: { disableHostCheck: true, },
}

方案二：可以在build目录中的webpack.dev.conf.js中添加如下webpack-dev-server配置：devServer: { disableHostCheck: true, }

devServer: { disableHostCheck: true, }

---