内网穿透Angular 项目访问出现Invalid Host header解决办法

最新推荐文章于 2023-10-09 11:19:45 发布
最新推荐文章于 2023-10-09 11:19:45 发布
阅读量1k 收藏 3
点赞数
分类专栏： 内网穿透 文章标签： angular2 其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40438883/article/details/108733454
版权

内网穿透Angular 项目访问出现Invalid Host header解决办法

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

在 angular.json 配置文件中修改

"disableHostCheck": true

就可以访问了~ 

陈大嘴
关注
专栏目录
局域网访问angular项目
weixin_46271689的博客
09-02 670
局域网访问angular项目
解决angular项目只能用localhost，不能用本机ip访问
weixin_39755884的博客
11-11 4280
今天想把angular的服务部署在腾讯云公网服务器上，在我的防火墙都关闭的情况下，发现只能用localhost和127.0.0.1访问我的项目，不能用我的内外网ip访问项目 于是乎，就想着是angular的内部设置问题了。 在网上找了许多文章，直到这篇文章最终解决了我的问题。贴出来让大家也少走点弯路： 具体步骤如下 第1步：找到“node_modules/webpack-dev-server/lib/Server.js”，将checkHost方法的返回值改为true，如下图所示 第2步：进...
解决内网穿透 Ionic5/Angular8 返回 invalid host header
分享技术，传播知识!
04-08 1561
解决内网穿透 Ionic5/Angular8 返回 invalid host header问题背景问题分析问题解决 问题背景 在开发钉钉H5应用时，为了调试钉钉接口API，常规做法就是使用阿里提供的内网穿透工具，工具详情请参阅https://ding-doc.dingtalk.com/doc#/kn6zg7/hb7000。根据工具介绍，我们首先运行这个工具（我的电脑是windows10_x64环境...
Angular：Invalid Host/Origin header问题解决方案
灿灿大王搭建的黄金屋
08-19 4935
最近在Chrome浏览器调试的时候遇到一个问题，浏览器的控制台一直报错 Invalid Host/Origin header，在百度上看到也有人遇到过这个问题，参考链接：https://blog.csdn.net/u013243347/article/details/85223016 作者给出的解释是这是webpack本身出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在...
【已解决】多种方式最新解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
最新发布
编码世界
10-09 9万+
Invalid Host header这个报错在网上有很多文章介绍解决办法，但是很多都没有没有用，这里为兄弟们排下坑，**本文的解决方法已经验证没有问题，兄弟们可放心借鉴.**
Webpack "Invalid Host Header"
canglingyue的专栏
02-02 1093
webpack-dev-server 在更新后启动项目报”Invalid Host Header” 错误。 是由于webpack更新主要是新增了对 host header 的正确性检测，以屏蔽未经授权的访问。开发者需要在执行 webpack-dev-server 命令时手动添加 –public 选项，取值为授权的 host，否则就回出现问题 解决方案 官方提供了两个解决方案： 执行
运行webpack 报Invalid Host header！
DipForLL的博客
11-24 2426
Package.json 属性说明 name - 包名。 version - 包的版本号。 description - 包的描述。 homepage - 包的官网 url 。 author - 包的作者姓名。 contributors - 包的其他贡献者姓名。 dependencies - 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module 目录下。 reposit
Nginx中部署Angular项目遇到的坑巨坑
01-10
网上搜索Angular 项目编译后部署到 Nginx 中的方法，多数文章都介绍了需要在 Nginx 中的配置文件的 location 中特别指定跳转到首页来避免刷新导致404的问题，那么完整的server 代码是： server { listen 80; ...
Angular 项目端口和host修改以及跨域访问代理配置
立青的博客
08-01 1万+
在项目根目录新建proxy.config.json 文件 proxy.config.json { "/api": { "target": "http://127.0.0.1:8081" } }在package.json 中更改scripts 下面的start 命令默认ng server改为ng serve --port 4201 --proxy-config proxy.co
解决Angular4项目部署到服务器上刷新404的问题
12-11
刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!在网上搜了一下看到有些人写的解决办法还有错误在里面,一眼看就知道的错误,感觉这些人真的有毛病,决定写了博客,为什么那么不...
解决远程出现invalid host header 的问题
qq_39047764的博客
07-06 7635
disableHostCheck: true       在devserver下，proxy同级加入这个就行
Angular ng命令
大强博客
06-29 1万+
1、根目录下执行ng命令Microsoft Windows [版本 10.0.16299.492](c) 2017 Microsoft Corporation。保留所有权利。C:\Users\dqgzs>ngAvailable Commands:  add Add support for a library to your project.  new Creates a new direct...
用花生壳代理出现Invalid Host header错误
weixin_30275415的博客
07-23 4554
在项目的根目录的package.json文件中"dev": "webpack-dev-server --content-base ./ --open --inline --hot--compress --history-api-fallback --config build/webpack.dev.config.js" 的后面添加--host 192.168.1.5（填你自己的ip地址）。这样就能...
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...
解决 Webpack "Invalid Host Header"
nettys的博客
05-09 1093
原因webpack 对 host 进行了安全检查解决方案方案1：配置 package.json （推荐） vue.lvlanzi.club 为授权的host "scripts": { "dev": &amp
angular学习：npm启动后不能访问http://localhost:8000/
04-05 8602
angular学习中 输入npm start可以启动 但是进入 "http://localhost:8000/" 时出现： http.js:733       throw new TypeError('The header content contains invalid characters');             ^ TypeError: The header cont
webpack项目提示Invalid Host header
叶琼州的代码小窝
11-13 1万+
由于实验室开组会时项目都是通过局域网访问来演示的，这个项目是采用Django+Vue.js前后端分离的方式来做的，然而发现只能在本地访问，不能通过局域网ip和服务器域名来访问。
vue 解决Invalid Host header
你当像鸟飞往你的山~~
12-30 9291
vue 解决Invalid Host header 一般是你配置了域名用域名访问会报这个问题，当然前提是域名与项目配置好了 加上disableHostCheck: true
Angular CLI快速入门：生成并配置Angular 5项目
本教程详细介绍了如何使用Angular CLI来生成一个Angular 5项目，这是一个必备技能，尤其对于那些希望提高Angular开发效率的开发者。Angular CLI是Angular官方推荐的脚手架工具，它简化了项目初始化、依赖管理以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值