Invalid Host header - vue cli项目

vue cli项目Invalid Host header问题的解决办法通过命令行参数最简单有效。

命令行方式

vue ui -H demo.xieyonghui.com

或者:

vue ui --host demo.xieyonghui.com

说明:在启动vue ui时通过加入以上参数就能够在本地以域名方式访问项目了。

修改配置方式

添加disableHostCheck: true属性。

vue.config.js

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

注:vue-cli3默认没有创建vue.config.js,需手动创建,文件与src平级。