Vue问题——webpack `Invalid Host/Origin header`

怎么解决webpack Invalid Host/Origin header问题

问题原因：

这是webpack本身出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在我们的开发环境下，可以禁用掉disableHostCheck这一配置项。

webpack相关版本

package.json

    "html-webpack-plugin": "^3.2.0","webpack": "^4.28.2","webpack-cli": "^3.1.2","webpack-dev-server": "^3.1.13"

webpack.config.js

const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = {mode: 'development',entry: resolve(__dirname, '../src/index.js'),output: {path: resolve(__dirname, '../dist'),filename: 'bundle.js'},devServer: { // DevServer 相关配置contentBase: resolve(__dirname, '../dist'),host: '0.0.0.0',port: 4000},plugins: [new HtmlWebpackPlugin({filename: 'index.html',template: resolve(__dirname, '../src/html/index.html')})]
}

解决方案

 devServer: {contentBase: resolve(__dirname, '../dist'),host: '0.0.0.0',disableHostCheck: true, //  新增该配置项port: 4000},

Vue问题——webpack `Invalid Host/Origin header`相关推荐

【解决方案】webpack `Invalid Host/Origin header`问题
问题如何解决webpack Invalid Host/Origin header问题问题描述 webpack相关版本 package.json "html-webpack-plugin& ...
webpack `Invalid Host/Origin header`问题
上述现象出现,重复请求报错解决方法: 在"webpack.config.js"中添加 devServer: {contentBase: resolve(__dirname, '. ...
Invalid Host/Origin header vue项目
vue项目运行控制栏报这个错,但是项目不影响运行解决方法: webpack.dev.conf.js 增加下面的心配置 disableHostCheck: true, // 新增该配置项 devSer ...
vue报错Invalid Host header
这个是因为webpack为了安全而设计的,可以修改项目build->webpack.dev.conf.js文件搜索或者找到以下相关代码添加一行代码 devWebpackConfig.devS ...
Vue CLl 出现 Invalid Host header
产生原因新版的webpack-dev-server增加了安全验证,默认检查hostname,如果hostname不是配置内的,将中断访问. 解决方案在根目录下创建文件vue.config.js,然 ...
vue项目中的遇错：Invalid Host header
前言略现象在A服务器上使用npm run serve 启动项目,访问A服务器的地址,无错误. 在B服务器上使用nginx代理到A服务器,访问B服务器的地址,遇错"Invalid Hos ...
内网穿透访问Vue项目的时候出现Invalid Host header解决办法
出现Invalid Host header解决办法内网穿透适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访 ...
vue2.5.2版本：MAC设置应用在127.0.0.1:80端口访问；并将127.0.0.1指向www.yours.com ；问题“ Invalid Host header”
0.设置自己的host文件,将127.0.0.1指向自己想要访问的域名 127.0.0.1 www.yours.com 1.MAC设置应用在127.0.0.1:80端口访问: config/index ...
Invalid Host header 服务器域名访问出现的问题
vue-cli搭建的环境,用nginx做代理服务器,访问时显示:Invalid Host header 经查是因为新版的webpack-dev-server出于安全考虑,默认检查hostname,如果 ...

Vue问题——webpack `Invalid Host/Origin header`

问题原因：

解决方案

Vue问题——webpack `Invalid Host/Origin header`相关推荐

最新文章

热门文章