node webpack vue项目报错 Invalid Host Header

最新推荐文章于 2022-08-31 14:35:05 发布
最新推荐文章于 2022-08-31 14:35:05 发布
阅读量318 收藏
点赞数
分类专栏： webpack-dev-server 文章标签： vue webpack-dev-server node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suchaiyishengtui/article/details/84983428
版权

域名：Domain Name

DNS:  网域名称系统（DNS，Domain Name System，有时也简称为域名）是因特网的一项核心服务，它作为可以将域名和IP地址相互映射的一个分布式数据库，能够使人更方便的访问互联网，而不用去记住能够被机器直接读取的IP地址数串。它是一种分层结构数据库，能够执行名字解析（name resolution）。每一级域名长度的限制是63个字符,域名总长度则不能超过253个字符,一台服务器只能有一个IP地址，但是却可以有多个域名

URL是Uniform Resource Location的缩写，译为“统一资源定位符”。

有个项目在服务端的部署的时候，二级域名别名有带有符号的，基于webpack的vue项目在访问此地址时，出现Invalid Host Header

这个错误导致不能访问，通过查找发现webpack.dev.conf.js这个文件中的webpack-dev-server的devServer中的配置启用了对host的检查，设置disableHostCheck: true关闭就可以了

素素_钗钗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue init webpack 建vue项目报错的解决方法
12-11
使用vue init webpack 创建vue项目时报如下错误： vue init webpack my-project C:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60 let template = program.args[0] ^^^ SyntaxError: ...
webpack vue项目开发环境局域网访问方法
08-27
在Vue项目的根目录下，找到Webpack配置文件，通常是`config/index.js`（这取决于你的项目结构，有的项目可能使用`webpack.config.js`）。在配置文件中，你需要找到并修改`host`和`port`字段。 示例配置： ```...
解决 Vue 项目 invalid host header 问题（两种方案）
无聊猿的博客
03-14 4万+
问题出现背景 做微信H5网页时，使用花生壳内网穿透进行调试时，打开网页显示：invalid host header 分析问题 这句话的意思是：无效的Host请求头； 因为在vue在调试时相当于启动了一个服务器以供我们访问（当我们build后，就可以放在我们自己的nginx等服务器） 测试环境下的webpack有一个host检查功能：webpack的devServer中 如果不配置host就无法访问，解决办法有好几种，可以去设置host，比如： 第一种解决方案 设置允许访问的域名 module.exports
OpenVas配置外部访问
一杯咖啡的渗透记忆
07-09 3398
我们知道OpenVas在安装完成之后默认设置的监听地址为127.0.0.1，所以每次使用时候都只能用本机打开浏览器来进行登录扫描，如果能通过自己的电脑浏览器直接登陆进行扫描那就很方便了。 停止服务 openvas-stop 修改配置文件 1.vi /lib/systemd/system/greenbone-security-assistant.service 将其中127.0.0.1的部分修改为0.0.0.0，并且在--mlisten=0.0.0.0后增加“--allow-header-host=o
kali2018.2安装配置OpenVAS-9及错误处置
weixin_34162695的博客
07-02 704
1 配置环境1）虚拟机环境：VMware® Workstation 14 Pro（版本号：14.1.2 build-8497320），如图1。 图1 虚拟机版本信息2）kali镜像Kali2018.2安装镜像下载地址：https://www.kali.org/downloads/本次测试安装的卡里镜像文件是：kali-linux-2018.2-amd64.iso。3）更新源#...
Vue——解决 Vue 项目 invalid host header 问题
weixin_43551242的博客
08-31 1714
解决 invalid host header 问题
vue项目中的“Invalid Host header”
彭世瑜的博客
01-06 2170
修改vue.config.js的配置 devServer: { disableHostCheck: true, }
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
总之，`Invalid Host header`错误是由于Vue CLI的主机头验证机制触发的，可以通过配置`vue.config.js`或`webpack.dev.conf.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 访问域名到本地 内网穿透提示 Invalid Host header解决办法
lyl815616的博客
04-21 2426
vue-cli搭建的环境，用nginx做代理服务器（内网穿透），访问时显示：Invalid Host header 经查是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。这样有2中方法，一种是设置跳过host检查，一种是直接host设置成你的地址。 1、关闭host检查 可以在build目录下的webpack.dev.conf.js文件，devServer下添加disableHostCheck: true，跳过检查 'use
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...
解决vue项目中的“Invalid Host header”
Wangdr的博客
03-22 3323
在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true devServer: { disableHostCheck: true, } vue-cli版本3.0的情况下修改vue.config.js的配置 module.exports = { devServer: { disableH...
vue 返回 invalid host header
前端技术分享
01-10 6267
devServer: { compress: true, disableHostCheck: true, // That solved it }
webpack项目提示Invalid Host header
su22du的博客
03-10 3364
问题：因为一些原因，本地host 需要绑定一个域名，如图然后通过绑定的域名访问项目，但是页面会报过Invalid Host header解决方法：新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。在build文件中webpack.base,config.js中找到devserver,添加{disableHostChec...
webpack-dev-server 导致的 invalid host header
热爱思考、活力满满、开朗爱笑的年轻人
07-14 1万+
这几天做的一个项目，在这个项目的 js 方面，我将其分业务和功能的拆分成模块化，然后使用 webpack 来进行打包。（第一次在公司产品中使用 webpack） 然后使用了 webpack-dev-server 启了一个服务并且开了监听功能。端口是 8080 。 访问 webpack-dev-server 启动的 server，所以我们在自己的电脑上，可以直接使用 localho...
解决 Webpack "Invalid Host Header"
SalmonellaVaccine的专栏
07-19 1万+
https://tonghuashuo.github.io/blog/webpack-dev-server-invalid-host-header.html 一直以来都在用 Webpack 打包代码，配合 webpack-devserver 作 Hot Module Replacement 感觉棒棒哒，可以专心于程序逻辑，不用被无关紧要的琐事打扰。直到刚才…… 突如其来
vue 项目穿透 invalid host header disablehostcheck: true无效
最新发布
08-09
当我们在Vue项目中遇到"Invalid host header"错误时，可以尝试使用"disableHostCheck: true"来解决。 通常情况下，这个错误是由于webpack-dev-server的host配置引起的。默认情况下，webpack-dev-server会检查请求的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值