解决webpack "Invalid Host header"问题
程序员文章站
2022-06-16 08:38:02
...
1、在用webpack打包好项目之后,用localhost:8888和127.0.0.1:8888都可以打开(我设置的端口号是8888,可以自己调整);
2、使用域名就出现问题了
出现问题原因:
这是由于新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname
不是配置内的,将中断访问。
解决方法:
可以在build目录中的webpack.base.config.js中添加如下webpack-dev-server配置:
devServer: {
disableHostCheck: true,
},
再次用域名访问成功:
推荐阅读
-
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
-
解决vue-cli项目webpack打包后iconfont文件路径的问题
-
解决在vue项目中webpack打包后字体不生效的问题
-
Webpack打包慢问题的完美解决方法
-
webpack-url-loader 解决项目中图片打包路径问题
-
完美解决PHP中的Cannot modify header information 问题
-
详解@Vue/Cli 3 Invalid Host header 错误解决办法
-
解决webpack dev-server不能匹配post请求的问题
-
关于在vscode使用webpack指令显示"因为在此系统中禁止运行脚本"问题(完美解决)
-
解决vue+webpack打包路径的问题