设置了之后,访问后端接口的时候还是报错Access to XMLHttpRequest at 'http://localhost:3000/login' from origin 'http://localhost:8080' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.
时间: 2024-01-02 17:32:32 浏览: 186
你在后端设置的 CORS 响应头信息可能缺少对 `Content-Type` 的允许配置,导致浏览器在发送跨域请求时被拦截。
你可以尝试在后端的 CORS 响应头信息中添加 `Content-Type` 字段,允许浏览器发送带有 `Content-Type` 请求头的跨域请求。
以下是一个示例,在 Node.js + Express 框架中如何添加 `Content-Type` 的配置:
```javascript
app.use((req, res, next) => {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With, Content-Type"); // 添加 Content-Type
res.header("Access-Control-Allow-Methods", "PUT, POST, GET, DELETE, OPTIONS");
res.header("X-Powered-By", '3.2.1');
res.header("Content-Type", "application/json;charset=utf-8");
next();
});
```
在上述示例中,我们在 `Access-Control-Allow-Headers` 中添加了 `Content-Type`,以允许浏览器发送带有该请求头的跨域请求。
请注意,根据你的实际需求和安全要求,可能需要进一步细化对于 `Content-Type` 的配置。确保只允许必要的请求头和方法,以提高安全性。
如果问题仍然存在,请提供更多相关的代码或错误信息,以便更好地帮助你解决问题。
阅读全文
相关推荐
![-](https://img-home.csdnimg.cn/images/20241231044955.png)
![-](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241231044930.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)