React + ASP.NET Core WebAPI + Google 登录 = Cors 错误

大佬教程收集整理的这篇文章主要介绍了React + ASP.NET Core WebAPI + Google 登录 = Cors 错误，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决React + ASP.NET Core WebAPI + Google 登录 = Cors 错误？

开发过程中遇到React + ASP.NET Core WebAPI + Google 登录 = Cors 错误的问题如何解决？下面主要结合日常开发的经验，给出你关于React + ASP.NET Core WebAPI + Google 登录 = Cors 错误的解决方法建议，希望对你解决React + ASP.NET Core WebAPI + Google 登录 = Cors 错误有所启发或帮助；

我正在构建一个带有 React 前端和 .NET Core 后端的 Web 应用程序，我正在尝试实施 Google 身份验证和授权。

在 React 中我设置：

axios.defaults.baseURL = "https://localhost:44305/API";
axios.defaults.withCredentials = true;

从 cookie 传递 Google 凭据。

在 .NET Core WebAPI 中，在 Startup.cs Configure 方法中，我执行以下操作以启用与 CORS 相关的所有内容：

app.UseCors(x => x
               .AllowAnymethod()
               .AllowAnyheader()
               .SetIsOriginAllowed(origin => truE) 
               .AllowCredentials()); 

当我尝试从 React 应用程序调用需要授权的路由时

const userResult = await axios.get("/resone");

我收到错误：

访问 XMLhttprequest 在 'https://accounts.Google.com/o/oauth2/v2/auth?response_type=code&clIEnt_ID=14a4s9dasd2-asd06anrd14sedp9q7aa1ca8ddq.apps.Googleusercontent.com&redirect_uri=https%3A%2F%2Flocalhost0d%2F%2Flocalhost0d%2A4 ％20email＆状态= CsasdDJ8KDsNAj1NTRMi0PqXm4-I-kj9UTn0R9K_VmsfeQdjlV9-f2edsU1_j45Pya1RNIii20zgE6YnGGXXt769yeQhFpEgSQyN2qtNTFs3dubwldUmCEUosma-JZzpLpasd6Gnpasdtf9KH_x3WxW3U2Vrdd7Pn3uVu__okyrUVXDJHjdnasdhFzw-3pVcO4asd0_Vx5U_cSb_98asdlzBYsNBuqlCZp9EH3dR8Wxasd_PvuPDYZbyHlZ5fjw” （重定向自“https://localhost:44305/API/resone”）来自 origin 'http://localhost:3000' 已被 CORS 策略阻止：否 请求中存在“Access-Control-Allow-Origin”标头 资源。

后端的方法是这样的：

[Authorize]
[Route("/API/resone")]
[httpGet]
public async Task<JsonResult> GetResultOne()
{
      var result = await httpContext.AuthenticateAsync(cookieAuthenticationDefaults.AuthenticationscheR_60_11845@E);
      var name = result.Principal.FindFirst(ClaimTypes.Name).Value;
      return new JsonResult($"Welcome {name}");
}

在谷歌云平台中我已经设置：

它可以使用后端 URL 直接从浏览器调用路由，但当我从 React 应用程序调用它时则不行。

我真的不明白 cors 问题在哪里或如何解决它，有什么建议吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的React + ASP.NET Core WebAPI + Google 登录 = Cors 错误全部内容，希望文章能够帮你解决React + ASP.NET Core WebAPI + Google 登录 = Cors 错误所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。