webpack devServer代理跨域get请求成功，post请求失败403 Forbidden

Posted 2023-03-21

参考技术A 一般情况，这样配置代理跨域即可

但是在后台将允许的跨域地址指定为一个后，上述配置便对post请求不生效了，也就是post请求跨域失败，而get请求成功。
对比get和post请求的不同，发现get的请求头里面没有origin字段，而post请求里面有origin字段。

解决：在webpack的devServer配置

Webpack 配置 proxy 代理解决跨域问题

参考技术A JS跨域及解决方案 介绍了跨域的基本概念和解决方案，但是在开发中，我们就需要采用新的技术去实现。

浏览器发送请求到非同源服务器，会导致跨域问题，而服务器与服务器之间的通信是不存在跨域问题的，因此我们在本地 npm run serve 搭建的服务器，先接收到我们的请求，之后由本地服务器转发请求到目标服务器即可获取资源，再将资源从本地服务器发送给浏览器，这是 Webpack 中配置 devServer 解决跨域的思路。
1、在webpack配置文件的devServer里面配置如下信息

2、2. 配置中的主要参数说明