ASP.NET Core微服务(三)——【跨域配置】
2023-09-14 09:04:59 时间
ASP.NET Core微服务(三)——【跨域配置】
对应练习demo(跨域)下载路径(1积分):【https://download.csdn.net/download/feng8403000/15136711】
对应练习sql下载路径(0积分):【https://download.csdn1/.net/download/feng8403000/15134699】
未跨域的错误提示:【No 'Access-Control-Allow-Origin' header is present on the requested resource. 】
解决的方法如下:
跨域的【Startup.cs】文件配置
1、声明跨域策略名称
//声明跨域策略名称
readonly string MyCorsPolicy = "CorsPolicy";
添加位置:
2、引入跨域服务
//引入跨域服务
services.AddCors(options => options.AddPolicy(MyCorsPolicy, builder =>
{
builder.AllowAnyOrigin().AllowAnyHeader().AllowAnyMethod();
services.AddControllers();
}));
添加位置:
3、允许跨域请求
//允许跨域请求
app.UseCors();
app.UseEndpoints(endpoints =>
{
endpoints.MapControllers().RequireCors(MyCorsPolicy) ;
});
添加位置:
4、跨域测试(采用JQuery的ajax直接测试):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>跨域测试</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js" />
</head>
<body>
<script>
$(function() {
$.ajax({
url: "http://localhost:5000/api/Test/GetInfo",
dataType: "json",
type: "get",
success: function(data) {
data.forEach(element => {
document.write(element.id);
document.write(element.createDate);
document.write(element.nickName);
document.write(element.introduce);
document.write("<br/>");
});
}
});
});
</script>
</body>
</html>
效果如下:
成功跨域。
5、总结:
a)、跨域的三个配置分别的位置不同,请确定编写位置,本文有图片提示。
b)、本文直接做的【get】测试,如需【post】测试,请将【ajax的type值改为post】
希望此文对大家有所帮助,后续会编写
ASP.NET Core微服务(四)——【静态vue使用axios解析接口】、
ASP.NET Core微服务(五)——【vue脚手架解析接口】、
ASP.NET Core微服务(六)——【redis操作】、
ASP.NETCore微服务(七)——【docker部署linux上线】
等文章。
此文标题为ASP.NET Core微服务(二)——ASP.NET Core微服务(三)——【跨域配置】
相关文章
- C# Asp.Net 判断字符串中是否包含指定字符或字符串(Contains/IndexOf)
- ASP.NET Core 基于JWT的认证(一)
- ASP .NET Core 2.0 MVC 发布到 IIS 上以后 无法下载apk等格式的文件
- 在 ASP.NET Core 具体使用文档
- ASP.NET Core使用Docker-Compose实现多容器应用部署
- ASP.NET Core使用Docker进行容器化托管和部署
- asp.net中C#对象与方法 属性详解
- ASP.NET MVC 基于角色的权限控制系统的示例教程
- asp .net core 中间件
- ASP.NET 运行状况监视的日志记录错误详细信息 (C#)
- WCF 无法激活服务,因为它不支持 ASP.NET 兼容性。已为此应用程序启用了 ASP.NET 兼容性
- ASP.NET Core 6框架揭秘实例演示[13]:日志的基本编程模式
- ASP.NET Core 6框架揭秘实例演示[08]:配置的基本编程模式
- ASP.NET Core 6框架揭秘实例演示[04]:自定义依赖注入框架
- ASP.NET Core错误处理中间件[1]: 呈现错误信息
- ASP.NET Core应用的错误处理[3]:ExceptionHandlerMiddleware中间件如何呈现“定制化错误页面”
- ASP.NET Core应用针对静态文件请求的处理[5]: DefaultFilesMiddleware中间件如何显示默认页面
- ASP.NET Core应用针对静态文件请求的处理[4]: DirectoryBrowserMiddleware中间件如何呈现目录结构
- 学习ASP.NET Core, 怎能不了解请求处理管道[4]: 应用的入口——Startup
- ASP.NET Core的配置(4):多样性的配置来源[中篇]
- 《ASP.NET Web API 2框架揭秘》样章(PDF版本)
- ASP.NET Core 6.0 添加 JWT 认证和授权
- asp.net core 3.1 入口:Program.cs中的Main函数
- asp.net core的输入模型验证
- asp.net core webapi Session 内存缓存