vue项目中配置了二级域名启动报“Invalid Host header”

最新推荐文章于 2024-02-05 16:00:56 发布
最新推荐文章于 2024-02-05 16:00:56 发布
阅读量309 收藏
点赞数
分类专栏： 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/forteenBrother/article/details/118734753
版权

vue项目中配置了二级域名启动报“Invalid Host header”

因为后台配置了访问权限，在本地开发的时候用二级域名代理localhost访问请求，打开之后报Invalid Host header

解决

修改webpack.dev.conf.js，在devServer对中加入disableHostCheck: true,属性

在这里插入图片描述
然后重新启动就ok了

参考链接：https://blog.csdn.net/xr510002594/article/details/100007908

forteenBrother
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
念兮为美
02-26 1万+
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误。Invalid Host header是一个常见的错误信息，通常发生在`Web`应用程序中。它表示HTTP请求中的Host header（主机头）与实际请求的主机不匹配，这可能是由于代理服务器或负载均衡器等网络设备引起的。通过检查你的应用程序配置并确保正确的主机名，你应该能够解决此问题。无论你采取哪种解决方案，请务必小心。确保你理解你所做的更改，并在测试之前备份所有配置文件和代码。
vue项目二级域名访问出来是空白页
晨曦月的博客
07-29 924
默认打包出来的项目运行在根目录可以正常显示，如果在二级域名下就会显示空白，是因资源引用路径及路由模式不同导致的。 vue.config.js 文件中可以将publicPath这个配置加上： module.exports = { publicPath: process.env.NODE_ENV === 'release' ? './' : '/', devServer: { disableHostCheck: true }, chainWebpack: conf
【Nginx】解决在Nginx+Vue部署多个前端项目，二级目录不能访问、访问空白的问题
走在搬砖的路上！
01-31 4761
解决在Nginx+Vue部署多个前端项目，二级目录不能访问、访问空白的问题
vue部署到域名二级目录刷新404
DefineJ的博客
09-11 2240
问题:vue部署一个域名下二级目录，刷新404 一个域名有个根目录，但有两个项目，就需要二级目录 如果是单页项目，而且单页项目的路由用的是history模式，不管是vue还是react都会“刷新当前页面404” 这是因为这种（history）模式会被错误的认为向服务端发出了真请求，但是其实这这是前端路由变化，后端自然也没做
解决 Vue 项目 invalid host header 问题（两种方案）
无聊猿的博客
03-14 4万+
问题出现背景 做微信H5网页时，使用花生壳内网穿透进行调试时，打开网页显示：invalid host header 分析问题 这句话的意思是：无效的Host请求头； 因为在vue在调试时相当于启动了一个服务器以供我们访问（当我们build后，就可以放在我们自己的nginx等服务器） 测试环境下的webpack有一个host检查功能：webpack的devServer中 如果不配置host就无法访问，解决办法有好几种，可以去设置host，比如： 第一种解决方案 设置允许访问的域名 module.exports
解决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 history 模式打包部署在域名的二级目录的配置指南
12-01
最近在做项目，需要把项目部署在域名下的二级目录，并且是在用vue-router的history 模式。 　我们都知道vue-router 的两种前端基本访问模式 hash 和history 。hash 模式后面带#，打包的时候只需要把绝对路径(/)换成...
vue2 中二级路由高亮问题及配置方法
12-02
1、项目中的图标使用的是element-ui框架中的图标，如果需要引入可以看我写的上一篇文章。 2、首先配置路由 我初始化项目的时候初始化了路由，所以打开router/index.js文件进行修改配置 router/index.js import Vue...
vue3自学——vite的多级、二级路由下的跨域配置错误问题
Mufeng30的博客
11-10 779
vue3自学——vite的多级、二级路由下的跨域配置错误问题
vue-router Nginx重定向部署二级域名或者说多级访问的url，导致访问失败
主要领域：前端开发
06-18 1134
如果是/site/wxtest/ nginx.conf配置: location ^~/site/wxtest/ { root /root/www/; try_files $uri $uri/ /site/wxtest/index.html; # index index.html index.htm; }
vue开发项目请求时后端接口常见报错：
小白博主的博客
04-17 2060
文章目录第一个 第一个 Cannot read property ‘upgrade’ of undefined 这是主要是因为在vue.config.js中使用了跨域代理，但是跨域里面的的target字段为空就会出现此报错 解决： proxy: { //配置跨域 '/api': { target: '139.198.180.240:8199', // 接口的域名 这个一定要配置 //
Invalid Host header 服务器域名访问出现的问题
热门推荐
Cooky的博客
01-08 14万+
vue-cli搭建的环境，用nginx做代理服务器，访问时显示：Invalid Host header 经查是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。这样有2中方法，一种是设置跳过host检查，一种是直接host设置成你的地址。 1、关闭host检查 可以在build目录下的webpack.dev.co...
内网穿透报错 Invalid Host header
前端程序员、项目经理、人工智能博主
10-31 3582
指向本地服务器访问时,webpack项目页面提示InvalidHostheader.(无效的主机标头)查看文档了解到需将disableHostChecktrue,替换为。在webpack5中disableHostCheck应该被遗弃了。需要分两种情况解决,webpack4.0以下和webpack5.0。webpack4.0以下配置。webpack5.0配置。...
【已解决】多种方式最新解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
最新发布
gxdzi的博客
02-05 1414
【代码】【已解决】多种方式最新解决Invalid Host header(无效的主机头)服务器域名访问出现的错误。
出现Invalid Host header的解决办法
sfz1234567890的博客
01-27 5822
使用ngrok内网穿透只返回304，invalid host header 原因：新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。 我遇到这个问题后，在网上找到了好几个方法，但是解决我的问题的只有下面这个： 解决：webpack.dev.conf.js添加配置 disableHostCheck: true, 如果还有其他解决的办法欢迎补充~~~~啦啦啦 ...
解决内网穿透时访问vue项目时，页面报“Invalid Host header”
m0_60817176的博客
06-21 1724
解决内网穿透时访问vue项目时，页面报“Invalid Host header”
【问题】Vue工程本地修改host访问，提示 Invalid Host header
学无止境
03-18 1553
问题操作 进入/etc文件夹，修改hosts文件，添加 127.0.0.1 www.szlsay.com 打开浏览器，打开 www.szlsay.com:8080，界面显示Invalid Host header 问题原因 新版webpack-dev-server出于安全考虑，默认检查hostname，若是hostname 没有配置在内的，将中断访问。 解决方法 在vue.config.js中配置下面，配置完成重启工程 module.exports = { devServer: { disabl
麒麟V10SP01部署docker报错：http:invalid Host header
u013220323的专栏
10-21 992
docker部署遇到的坑
Invalid Host header vue2怎么配置
08-12
对于Vue 2项目中的Invalid Host header错误，你可以按照以下步骤进行配置： 1. 打开webpack.dev.conf.js文件。 2. 找到devServer对象。 3. 在devServer对象中添加以下属性：headers: { "Access-Control-Allow-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值