调用 reddit api 以获取访问令牌被 CORS 策略阻止

Question

我正在尝试在我的反应应用程序中使用 reddit api。 但是当我尝试获取访问令牌时，出现以下错误。

    const response = await axios({
      method: "post",
      url: "https://www.reddit.com/api/v1/access_token",
      auth: {
        user: process.env.REACT_APP_REDDIT_CLIENT_ID,
        password: process.env.REACT_APP_REDDIT_CLIENT_SECRET,
      },
      data: {
        grant_type: "authorization_code",
        code: code,
        redirect_uri: "http://localhost:3000/login",
      },
    });

我是 Reddit Api 和 Oauth 的新手，所以我真的不明白是什么问题。

Answer 1

我找到了解决方案。 问题是发送的参数不能是 json 格式。 所以我不得不将它们更改为 url 编码。

 const params = new URLSearchParams();
      params.append("grant_type", "refresh_token");
      params.append("refresh_token", refreshToken);

      const config = {
        headers: {
          "Content-Type": "application/x-www-form-urlencoded",
        },
        auth: {
          username: process.env.REACT_APP_REDDIT_CLIENT_ID,
          password: process.env.REACT_APP_REDDIT_CLIENT_SECRET,
        },
      };

      const response = await axios.post(getPrefix(url), params, config);

另外由于我的本地环境是 http。 它导致 cors 问题。 所以我在我的 url 前面加上了cors-anywhere并且它可以工作。 如前所述，我尝试使用reddit.local ，但似乎不起作用。