natapp解决Invalid Host header的问题

在natapp域名指向本地服务器访问时,webpack项目提示Invalid Host header. 这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname 不是配置内的，将中断访问。可以在build目录中的webpack.dev.config.js中添加如下配置： //webpack.dev.config.js d...

近期公司安排跟企业微信对接。用到了natapp内网穿透，natapp配置好之后访问前端页面出现invalid host header问题。 在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功 devServer: { disableHostCheck: true, } vue-cli版本3.0的情况下修改vue.config.js的配置 module.exports = {

使用vue脚手架的时候，执行了npmrunserve后出现对应的端口号，然后去natapp网站里设置相应的端口号，开启渗透，在访问此端口的时候，出现了invalidHostheader，此时，针对vue脚手架版本为5的情况下，只需要在目录里vue.config.js里设置一下的代码，假如在开启natapp后，我的随机域名就是。然后对应的allowedHosts里写入.natappfree.cc。在vue.config.js里设置访问域名即可。...

根据你使用的webpack-dev-server版本选择性调整，因为webpack-dev-server 的某些版本开始（尤其是 3.x 版本之后），disableHostCheck 属性已经被弃用。修改manifest.json配，切换至源码视图。

NATAPP - 连不上 / 错误信息等问题解决汇总

重新访问即可，因为我本地连的后端本地有跨域问题，后续使用了跨域浏览器访问，（跨域浏览器----》之前有记录）需要的话重新配置隧道里的端口号。

问题提出 当使用 natapp ，对 Vue 项目进行内网穿透时，访问项目外网网址出现 Invalid Host header 情况。 解决方法 在项目的根目录下，应该有一个 vue.config.js 文件，如果没有直接新建一个，然后在其中加入配置 module.exports = { devServer: { disableHostCheck: true } } 再访问项目外网网址，发现问题已经解决。 ...

vue.config.js 将允许访问开发服务器的服务列入白名单 module.exports = { devServer: { allowedHosts: [".natappfree.cc"], }, }; webpack配置文档链接 https://webpack.docschina.org/configuration/dev-server/#devserverallowedhosts

错误通常发生在使用 Webpack 开发服务器或类似工具时，由于安全原因，它会对请求的主机头（Host header）进行验证。

1、注册NATAPP并申请免费隧道https://natapp.cn/ 2、下载NATAPPhttps://natapp.cn/#download 3、授权 解压完成后是一个文件，需要授权才能使NATAPP可运行，cd 到解压文件所在目录，授权命令行 chmod a+x natapp 4、运行NATAPP authtoken获取方法: ./natapp -authtoken=xxxxxxxxxx 问题解决：InvalidHostheader vue.config...

在natapp域名指向本地服务器访问时,webpack项目提示Invalid Host header. 这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname 不是配置内的，将中断访问。可以在build目录中的webpack.dev.config.js中添加如下配置： //webpack.dev.config.js devServer: { disableHostCheck: true, } ...

内网穿透部署本地服务器（超简单并免费）

1、Invalid Host header 错误 ,可将 webpack-dev-server disableHostCheck 设置为true .或者在 隧道配置 Host Header 处修改

1.微信开发的无奈 最近接手的系统在做微信支付,可是微信的支付授权目录要求必须是外网域名且不支持ip地址 我了个亲娘来,那好吧,直接在服务器上进行开发测试,结果微信支付太多bug,在服务器测试不方便,那咋办呀!!!能否在本地继续开发测试,又能按照微信支付授权目录的规则呢? 使用Natapp等进行内网穿刺即可 2.什么Natapp呢? natapp 基于ngrok的反向代理软件，通过在公网和本地...

记录