Post API出现问题:“已被CORS政策阻止...。”

时间:2019-05-14 20:16:39

标签: reactjs react-native

我在React应用中使用此代码,它应该触发通知以响应本机expo应用。相反,我在浏览器的控制台中收到此错误。

我尝试添加Access-Control-Allow-Origin,Access-Control-Allow-Methods ...等

let response = fetch('https://exp.host/--/api/v2/push/send', {
        method: 'POST',
        headers: {
          Accept: 'application/json',
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          to: token,
          sound: 'default',
          title: 'Demo',
          body: 'Demo notificaiton'
        })
      });

2 个答案:

答案 0 :(得分:0)

将任何未知请求代理到开发中的API服务器,将代理字段添加到package.json中,例如:

  

“代理”:“ http://localhost:4000”,

Read more

答案 1 :(得分:0)

您要么需要具有一个允许CORS的API,要么必须对与前端相同的域进行调用。如果您无权访问API服务器以允许CORS,则需要添加代理服务器。为此,我一直依靠express,设置与您的前端域相同的本地API,然后让express API对API服务器进行实际的提取调用。