小编Ale*_*xia的帖子

CORS - 请求的资源上不存在“Access-Control-Allow-Origin”标头

我想将数据从 Font-end 表单(用 REACT 编码)发布到 API 服务器(用 C# 编码)。

为此,我编写了以下代码:

对于前端:

const [analysis, setAnalysis] = useState(null);

const headers = {
    'Content-Type': 'application/json;charset=UTF-8',
    "Access-Control-Allow-Origin": "*",
    'Access-Control-Allow-Methods': 'GET, PUT, POST, DELETE, OPTIONS',
    'Access-Control-Allow-Headers': '*'
};


useEffect(() => {
    axios.get(baseURL, {
        mode: 'cors',
        headers: headers,
    }).then((response) => {
        setAnalysis(response.analysis);
    });
}, []);
Run Code Online (Sandbox Code Playgroud)

对于后端:

builder.Services.AddCors(options =>
{
    options.AddPolicy("MyMyAllowCredentialsPolicy",
        builder =>
        {
            builder.AllowAnyMethod()
                .AllowAnyHeader()
                .SetIsOriginAllowed(origin => true) // allow any origin
                .AllowCredentials(); // allow credentials
        }
    );
}); 
Run Code Online (Sandbox Code Playgroud)

尽管如此,我有以下问题: 在此输入图像描述

我尝试了很多不同的配置,但没有任何效果。有人知道问题是什么以及如何解决吗?

提前谢谢你,亚历克西娅


[版]

根据所有建议,我更改了代码。

前端部分:

const …
Run Code Online (Sandbox Code Playgroud)

c# xmlhttprequest cors reactjs

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

c# ×1

cors ×1

reactjs ×1

xmlhttprequest ×1