反应CORS策略已阻止对XMLHttpRequest的访问所请求的资源上没有'Access-Control-Allow-Origin'标头

时间:2020-03-12 14:20:58

标签: asp.net reactjs api axios

我正在尝试从api访问数据,但出现此错误

从源“ http://example.com/api/login”到“ http://localhost:3000”处对XMLHttpRequest的访问已被CORS策略阻止:对预检请求的响应未通过访问控制检查:否'访问控制-Allow-Origin'标头出现在请求的资源上。

这是我的代码

return axios.post('http://example.com/api/login', { username: username, password: password }).then(response => {
        console.log('response', response);

        if (response.status === 400 || response.status === 500)
            throw response.data;
        return response.data;
    }).catch(err => {
        console.log('err', err);

        throw err[1];
    });

使用asp.net构建的后端

谢谢

2 个答案:

答案 0 :(得分:0)

此问题与您的服务器有关。您的服务器不允许来自不同域的请求。就您而言,Directory created = true Exception in thread "main" java.lang.NullPointerException at swfeecalc.SWFeeCalc.main(SWFeeCalc.java:121) C:\Users\BD\AppData\Local\NetBeans\Cache\8.2\executor-snippets\run.xml:53: Java returned: 1 BUILD FAILED (total time: 8 seconds) http://example.com/api/login在不同的域中。您可以在asp.net代码中允许任何域。以下代码可能对您有用:

http://localhost:3000

有关更多信息,您可以浏览here

答案 1 :(得分:-1)

经过数小时的搜索,我发现此chrome扩展程序可以解决问题 https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf