页面出现这个Invalid Host header错误,一般是你本地服务配置的问题,原因:新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问。解决:webpack.dev.conf.js添加配置 disableHostCheck: true
在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 } }