这个是最近调试的一套系统遇到的，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,
}