解决vue项目中的“Invalid Host header”

最近将本地的一个VUE项目部署到新浪SAE，部署完成之后打开站点提示 Invalid Host header ，问题原因是新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。以下是百度之后得到的解决办法

在 vue-cli 版本为 2.x 的情况下修改 webpack.dev.conf.js 中的 devServer 对象加入 disableHostCheck: true

  devServer: {
    disableHostCheck: true,
  }

vue-cli 版本 3.0 的情况下修改 vue.config.js 的配置

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

本文转载自：https://www.xuanmo.xin/details/2869