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

Javascript CORS策略正在阻止调用reddit api以获取访问令牌,javascript,api,oauth,cors,reddit,Javascript,Api,Oauth,Cors,Reddit,我正在尝试在react应用程序中使用RedditAPI。但是,当我尝试获取访问令牌时,会出现以下错误。 我不熟悉RedditAPI和Oauth,因此我无法真正理解问题所在。我找到了解决方案。问题是发送的参数不能采用json格式。 所以我不得不把它们改成url编码 const params = new URLSearchParams(); params.append("grant_type", "refresh_token");

我正在尝试在react应用程序中使用RedditAPI。但是,当我尝试获取访问令牌时,会出现以下错误。


我不熟悉RedditAPI和Oauth,因此我无法真正理解问题所在。

我找到了解决方案。问题是发送的参数不能采用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前面加了前缀,它就工作了。如前所述,我尝试使用
reddit.local
,但似乎不起作用

 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);