proxy无法设置header头的问题

[wind8866]

Question（提问）

由于后端接口服务器使用的是虚拟主机，所以本地代理服务器的请求头必须携带Host字段。
我根据webpack与http-proxy-middleware文档做了如下配置：

// vue.config.js
module.exports = {
  devServer: {
    	proxy: {
	  '/api': {
	    target: 'https://example.com',
	    headers: {
	    	host: 'example.com'
	    },
	    changeOrigin: true
	  }
	}
  }
}

我本地服务是http://localhost:9530，我是用postman加上请求头访问类似http://localhost:9530/api/user的接口可以访问通。

但是我配置的header字段不生效，浏览器里面接口请求一直返回308，如图。

Screenshot or Gif（截图或动态图）

Other relevant information（格外信息）

线上服务器是https，我本地localhost是http，不知这个有没有影响。

[mayunhai]

http不能请求 https接口

[xdlStrive]

或许你是要在proxy里加个参数
secure: false

[ghost]

target: 'http://some-host.test:1234',
headers: {
  'Host': 'some-host.test'
}   

注意要'Host': 'some-host.test' 这么写，我也是尝试多次才发现，和文档不符。

[ShadowWaIker]

```js
target: 'http://some-host.test:1234',
headers: {
  'Host': 'some-host.test'
}   

注意要'Host': 'some-host.test' 这么写，我也是尝试多次才发现，和文档不符。

我试了下

headers: {
  Host: 'some-host.test'
} 

这样也是可以的，主要是 H 得大写

[zhihuifanqiechaodan]

🤔️这里你不是应该在axios中配置请求头嘛。