node vue 开发环境部署时,外部访问页面出现: Invalid Host header 服务器域名访问出现的问题

这是新版本 webpack-dev-server 出于安全考虑, 默认检查 hostname,如果hostname不是配置内的,将中断访问。顾仅存在于开发环境: npm run dev,打包之后不会。

在 build/webpack.base.conf.js 的

module.exports = { } 中 添加: disableHostCheck: true, 即:

配置:

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