如何配置asp.net core webapi服务端以支持跨域请求?

2026-04-01 11:021阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计295个文字,预计阅读时间需要2分钟。

如何配置asp.net core webapi服务端以支持跨域请求?

在前端与后端分离的开发中,服务端仅提供API接口,且前后端各自独立部署。此时,会出现浏览器跨域问题。ASP.NET Core提供了简单优雅的解决方案。

在`Startup.cs`文件的`Configure`方法中添加以下代码:

在前后端分离开发中服务端仅仅只为前端提供api接口,并且前后端往往单独部署,此时就会出现浏览器跨域问题。asp.net core提供了简单优雅的解决方案。

在startup文件的Configure添加如下代码(替换“localhost:8080”为你的前端部署地址,此处测试的前端地址为本地的8080端口)

注:asp.net core2.0以下需安装nuget包:Microsoft.AspNetCore.Cors

app.UseCors(builder => { builder.AllowAnyHeader(); builder.AllowAnyMethod(); builder.WithOrigins("localhost:8080"); });

如果在开发环境只需替换builder.WithOrigins("localhost:8080")为builder.AllowAnyOrigins()即可允许任意的来源的地址跨域访问(不建议生产环境使用)

以上这篇asp.net core webapi 服务端配置跨域的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

如何配置asp.net core webapi服务端以支持跨域请求?

本文共计295个文字,预计阅读时间需要2分钟。

如何配置asp.net core webapi服务端以支持跨域请求?

在前端与后端分离的开发中,服务端仅提供API接口,且前后端各自独立部署。此时,会出现浏览器跨域问题。ASP.NET Core提供了简单优雅的解决方案。

在`Startup.cs`文件的`Configure`方法中添加以下代码:

在前后端分离开发中服务端仅仅只为前端提供api接口,并且前后端往往单独部署,此时就会出现浏览器跨域问题。asp.net core提供了简单优雅的解决方案。

在startup文件的Configure添加如下代码(替换“localhost:8080”为你的前端部署地址,此处测试的前端地址为本地的8080端口)

注:asp.net core2.0以下需安装nuget包:Microsoft.AspNetCore.Cors

app.UseCors(builder => { builder.AllowAnyHeader(); builder.AllowAnyMethod(); builder.WithOrigins("localhost:8080"); });

如果在开发环境只需替换builder.WithOrigins("localhost:8080")为builder.AllowAnyOrigins()即可允许任意的来源的地址跨域访问(不建议生产环境使用)

以上这篇asp.net core webapi 服务端配置跨域的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

如何配置asp.net core webapi服务端以支持跨域请求?