这个是最近调试的一套系统遇到的，A服务器运行服务，B服务器转发代理A的服务，C主机浏览器客户端访问B代理的A服务时，空白网页返回的提示 Invalid Host header

后面研究了一下，B是不需要改动的，调整A本身的服务即可，有几种情况

uinapp

首先是uinapp的H5服务中的 manifest.json 文件，修改或是追加 disableHostCheck，这个官网文档有写，不是很显眼的一个选项

"h5" : {
    "router" : {
        "mode" : "history"
    },
    "devServer" : {
        "https" : false,
        "disableHostCheck": true
    }
}

Vue

然后就是标准的Vue web脚手架中也有一样的配置，其中有两种方案

方案一：设置允许访问的域名

module.exports = {
  //...
  devServer: {
    allowedHosts: [
      'host.com', // 允许访问的域名地址，即花生壳内网穿透的地址
      '.host.com'   // .是二级域名的通配符   
    ],
  },
};

方案二：设置跳过host检查

// vue3 vue.config.js
module.exports = {
    // 跳过检查host
    devServer: { disableHostCheck: true }
}

// 在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true
devServer: {
  disableHostCheck: true,
}