Vue 项目 invalid host header 问题 配置 disableHostCheck:true报错

最新推荐文章于 2024-07-16 15:52:17 发布
最新推荐文章于 2024-07-16 15:52:17 发布
阅读量481 收藏
点赞数
文章标签： webpack 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35895270/article/details/129055474
版权
在遇到内网穿透时遇到invalidhostheader错误，通常建议设置disableHostCheck为true，但此操作可能导致项目无法启动。根据Webpack5的devServer配置，应使用allowedHosts设置白名单。为简化测试，可以将allowedHosts设为all，允许所有主机，从而解决问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

qq_35895270
关注
vue-cli配置域名访问报错：Invalid Host header（无效的主机头）
qq_40678503的博客
10-21 2451
在开发vue-cli脚手架项目的时候，配置了host : 127.0.0.1 dev.com 想通过dev.com:8080去访问项目，dev.com这个域名后端已经配置好了跨域 但是访问的时候会报Invalid Host header（无效的主机头）错误 上解决方法： 要修改webpack的配置，在项目的根目录下增加vue.config.js 文件 module.exports = { productionSourceMap: false, devServer: { historyApi
vue 本地服务不能被外部IP访问的完美解决方法
12-09
解决 webpack-dev-serveri 启动后通过外部访问报错 invalid host header 修改 config/index.js 的 host 属性为 ‘0.0.0.0′ { // ..., host: '0.0.0.0', port: 8080, // ... } 修改 build/webpack.dev.conf.js 的 devServer 配置 增加 disableHostCheck = true devServer: { clientLogLevel: 'warning', historyApiFallback: true, hot: true,
disableHostCheck: true 报错
热门推荐
lx233
03-17 1万+
直接在package.json 里加命令 "serve": "vue-cli-service serve --disableHostCheck=true ",
深度解析：disableHostCheck: true引发的安全迷局与解决之道
最新发布
2301_78183352的博客
07-16 1994
在Web开发的道路上，追求高效与便捷的同时，我们绝不能忽视安全的重要性。虽能解决一时的跨域难题，但其背后的安全隐患不容忽视。通过合理使用代理、增强安全意识、环境隔离、灵活配置以及错误追踪与日志记录等措施，我们可以在保障安全的前提下，继续探索技术的无限可能。记住，安全是任何技术应用的基石，唯有筑牢安全防线，我们才能在数字化的浪潮中稳健前行。
vue在IE下报 webpack `Invalid Host/Origin header` 的问题
MISS_CJL的博客
09-09 384
本次产生原因： IE某些版本不支持axios //为解决IE 不支持axios import Promise from 'es6-promise'; Promise.polyfill(); 引入es6-promise后，IE就出现如下错误： 原因： 应该是webpack出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在我们的开发环境下，可以禁用掉disableHostCheck这一配置项。 解决： 在webpack.dev.config.js中...
解决vue项目中出现Invalid Host header的问题
01-18
在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true devServer: { disableHostCheck: true, } vue-cli版本3.0的情况下修改vue.config.js的配置 module.exports = { ...
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
在开发Vue.js应用程序时，你可能会遇到一个名为`Invalid Host header`的错误，尤其是在使用@Vue/Cli 3工具链时。这个错误通常出现在你尝试在非标准的或自定义的HTTP主机头环境下运行Vue CLI的开发服务器时。在本文中...
vue 项目穿透 invalid host header disablehostcheck: true无效
08-09
当我们在Vue项目中遇到"Invalid host header"错误时，可以尝试使用"disableHostCheck: true"来解决。 通常情况下，这个错误是由于webpack-dev-server的host配置引起的。默认情况下，webpack-dev-server会检查请求的...
项目踩坑之 webpack-dev-server --disableHostCheck=true --inline --progress --config
weixin_46420860的博客
08-14 4769
问题描述： 近来又对一个老项目进行维护，在将代码拉下来到运行时，发生了这样一个报错,标红的下划线, webpack-dev-server,做了以下尝试(但是都不是这些问题！！)： 1.更换webpack版本(即网上说的，npm uninstall webpack-dev-server，npm install webpack-dev-server@2.9.1 两句命令) 2.缺少node_modules，删除，重装 解决方式： 一般在config文件夹下的index.js文件中修改dev的host配置，将地
内网穿透访问Vue项目的时候出现Invalid Host header解决办法
零零七的博客
06-04 871
我用的是国内的sunny-ngrok. 使用非常简单, 根据官网操作就可以. Invalid Host header 当启动了sunny-ngrok的客户端以后, 就这个用sunny-ngrok提供的。, 来访问本地的127.0.0.0:8080(端口自己设置), 如果Vue项目启动, 外网就可以通过域名来访问Vue项目. 但是如果出现 Invalid Host header,, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑.
【Vue】Vue安装提示：系统找不到指定的路径。No XXXXXX_CONF_DIR set.以及提示系统上禁止运行脚本解决方案。
m0_62834467的博客
07-25 3408
No HADOOP_CONF_DIR set.Please specify it either in yarn-env.cmd or in the environment.提示为：执行策略更改执行策略可帮助你防止执行不信任的脚本。更改执行策略可能会产生安全风险。[Y] 是(Y) [A] 全是(A) [N] 否(N) [L] 全否(L) [S] 暂停(S) [?3.使用get-ExecutionPolicy查看当前权限，Restricted为限制，RemoteSigned为有签名权限。
【disableHostCheck】本地项目遇到图片跨域怎么解决？
qq_39404437的博客
12-16 2794
本地vue项目遇到图片跨域怎么解决？常规的方法我就不说了，啥配置图片服务器设置，nginx代理都不说了，下面来说个重点disableHostCheck： 本地项目代理到指定域名下。
内网穿透 vue出现 Invalid Host header 错误提示解决办法
时不我待
02-27 1122
最近发现新浪的SAE可以支持创建NODE环境应用，于是想将本地的VUE项目部署上去体验一下效果，结果是折腾了一上午，遇到了各种环境问题，解决了各种插件版本问题，终于可以启动服务器了，最后打开页面却提示 Invalid Host header。又是一通百度，最后找到了如下的解决办法，以下内容是原文照搬的，最后有原文地址。
vue内网穿透配置
yangzhijie0608的博客
04-15 1965
1,进入https://www.ngrok.cc/login.html获取隧道ID，启动sunny bat工具（内网穿透工具sunny ngrok） 2.在webpack.dev.conf.js文件下配置相关参数。 vue2:config文件夹下的index.js文件下配置 module.exports = { devServer: { port: 3000, // 端口 disableHostCheck: true, // 绕过主机检查 }, // lintOnSa
vue.config.js配置代理跨域。
weixin_46409887的博客
02-21 4161
module.exports = { // pabulicPath:process.env.NODE_ENV === 'production' ? '' : '', devServer:{ host:'0.0.0.0', port:'8080', // https:false, open:true, //以上的ip和端口是我们本机的;下面为需要跨域的 proxy:{ //配置跨域
系统配置vue.config.js(通用)和vue3中的vite.config.js的通用配置
luofei_create的博客
05-31 1万+
vue.config.js的配置 module.exports = { devServer: { host: '', hot: true, port: 8086, disableHostCheck: true,//新版的webpack-dev-server出于安全考虑，默认检查hostname， //如果hostname不是配置内的，将中断访问。 https: false, open: true, // 是
Invalid Host header 服务器域名访问出现的问题
weixin_51225684的博客
02-27 2255
经查是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。这样有2中方法，一种是设置跳过host检查，一种是直接host设置成你的地址。同样的原理，可以在package.json文件修改scripts命令:webpack-dev-server --disableHostCheck=true。package.json的script语句: webpack-dev-server --host=或者--public=
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值