ASP.NET Core微服务(三)——【跨域配置】
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微服务(三)——【跨域配置】
ASP.NET Core微服务(三)——【跨域配置】相关推荐
- ASP.NET Core微服务(七)——【docker部署linux上线】(RDS+API接口测试部分)
ASP.NET Core微服务(七)--[docker部署linux上线]: 本文测试采用阿里云的RDS(sqlserver服务器)+ECS(linux服務器)进行测试,由于是测试,[按量付费]买个最 ...
- ASP.NET Core微服务(五)——【vue脚手架解析接口】
ASP.NET Core微服务(五)--[vue脚手架解析接口]: 后台接口请参照:ASP.NET Core微服务(三)--[跨域配置]:[https://blog.csdn.net/feng8403 ...
- ASP.NET Core微服务(四)——【静态vue使用axios解析接口】
ASP.NET Core微服务(二)--[ASP.NET Core Swagger配置]: 环境:win10专业版+vs2019+sqlserver2014/2019+vsCode+在线资源 boot ...
- ASP.NET Core微服务(二)——【ASP.NET Core Swagger配置】
ASP.NET Core微服务(二)--[ASP.NET Core Swagger配置]: 环境:win10专业版+vs2019+sqlserver2014/2019 ASP.NET Core微服务( ...
- ASP.NET Core微服务(一)——【完整API搭建及访问过程】
ASP.NET Core微服务(一)--[完整API搭建及访问过程]: 环境:win10专业版+vs2019+sqlserver2014/2019 对应练习demo下载路径(1积分):[https:/ ...
- Asp.Net Core微服务再体验
Asp.Net Core微服务再体验 原文:Asp.Net Core微服务再体验 ASP.Net Core的基本配置 .在VS中调试的时候有很多修改Web应用运行端口的方法.但是在开发.调试微服务应用 ...
- npm——安装教程、安装vue脚手架(ASP.NET Core微服务(五)——【vue脚手架解析接口】过度章节)
npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题. 比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用. 2)允许用户从NPM服务器下载并 ...
- javaweb k8s_K8S微服务核心架构学习指南 ASP.NET Core微服务基于K8S 架构师必备Kubernetes教程...
K8S微服务核心架构学习指南 ASP.NET Core微服务基于K8S 架构师必备Kubernetes教程 课程内容是关于Kubernetes微服务架构学习课程,基于K8S开展ASP.NET核心进行微 ...
- ASP.NET Core微服务(六)——【redis操作】
ASP.NET Core微服务(六)--[redis操作]: Redis 是一个高性能的key-value数据库. redis的出现,很大程度补偿了memcached这类key/value存储的不足, ...
最新文章
- 欧洲安全研究人员:黑客是如何泄露加密电子邮件
- c语言hellowwo所占字节数,哪个懂C语言?帮忙做~个题,跪求
- 逻辑分析仪上位机DSview的简单触发设置
- Android中使用Canvas和Paint绘制一个安卓机器人
- asp.net 字符串过滤
- Myeclipse 创建web项目的一些基本操作
- 高级ZK:异步UI更新和后台处理–第2部分
- linux磁珠技术,MACS磁珠分选技术基本原理(图文释义)
- 删除Word文档中的全部汉字
- [警告] multi-字符 character constant [-Wmultichar] ----字符+符号输出错误
- linq to sql 行转列_n套SQL面试题--行转列、留存、日活等
- 《深入浅出深度学习:原理剖析与python实践》第八章前馈神经网络(笔记)
- Windows7集成SP1微软原版光盘镜像下载大全
- 神舟战神笔记本Z7M-CT7NA开机进入Bios方法
- Microsoft Edge导出浏览历史记录
- 5.秒杀模块-基于redis缓存商品秒杀信息
- 解决主机不能访问VirtualBox上Linux虚拟机ip的问题
- 两分钟内教会你如何给视频加配音,快速掌握配音技巧!
- android系统提供的常用命令行工具
- 【Python 八股文 】- Python基础