Access-Control-Allow-Origin 标头存在，但我仍然收到 CORS 错误 [重复]

Question

我正在尝试向快速服务器发出 GET 请求，但出现错误：“跨源请求被阻止：同源策略不允许读取 http://localhost:3002/ 上的远程资源嘿。（原因：CORS 标头 'Access-Control-Allow-Origin' 缺失）"

在前端

fetch('http://localhost:3002/hey', {
        method: "GET", 
        headers: {
            'Access-Control-Allow-Origin': 'http://localhost:3000'
        }
    })
    .then(response => response.text())
    .then(data => {
        console.log(data);
        this.setState({ apiResponse: data })
    });

在后端

const express = require('express');
const cors = require('cors');
const app = express();

app.use(cors());

app.listen(3002, () => {
    console.log('server is running on port 3002');
})

app.get('/hey', (req, res, next) => {
    res.send('ho');
})

Answer 1

HTTP 有请求和响应。

请求处于高级别：

1. URI
2. 方法
3. 标题
4. 身体

回复通常是：

1. 状态
2. 标题
3. 身体

您在请求中在客户端上发送 Access-Control-Allow-Origin 标头。此标头需要由服务器在响应中发送。