从原点开始,“空”已被CORS政策阻止。如何解决这个问题?

时间:2019-06-13 10:28:32

标签: javascript html frontend

我正在做的是,在选择文件后调用API。如果成功(有效文件),它将给我总价。如果它是格式错误的文件,它会给我后端的相关错误。

现在,当我选择正确的文件时,它可以完美运行。但是,当我使用错误的文件时-不会出现错误,但是会出现以下错误。

当我进行API调用时,我收到一条CORS错误消息:

POST https://test.test.test.com/subs/v12/2Subs net :: ERR_ABORTED 422(无法采购的实体)

  

访问CORS策略已阻止从源“空”获取“ https://test.test.test.com/subs/v12/2Subs”处的访问:请求的资源上不存在“ Access-Control-Allow-Origin”标头。如果不透明的响应满足您的需求,请将请求的模式设置为“ no-cors”以在禁用CORS的情况下获取资源。

但是,只有当我上传格式错误的文件时,我才能得到此信息。当我使用Moesif CORS时,一切都可以正常运行。

但是,当我在没有Moesif CORS的情况下执行此操作时,只有在加载不正确的文件时才会出现上述错误。

我也尝试使用mode: "no-cors",但是它并没有摆脱我所遇到的POST错误。

令牌即将出现在页面上,因为我是在页面加载时打印它并打印的。

这是API标头的样子。

var res = fetch('https://test.test.test.com/subs/v12/2Subs', {
    method: "POST", // POST
    mode: "cors",
    cache: "no-cache",

    headers: {
        'Content-Type': 'application/json; charset=utf-8',
        'Access-Control-Allow-Origin': '*',
        'Accept': 'application/json',
    'Authorization': localStorage.getItem("userToken")

    },

    redirect: "follow",
    referrer: "no-referrer",

0 个答案:

没有答案