NetCore3.1解决跨域

跨域问题的出现，简而言之就是基于浏览器同源策略而反馈出来的一种安全机制，是前端开发调用中出现的一种十分常见的问题，且解决方法有多种，比如采用Nginx做代理服务器，或者在前端使用自己的代理服务器，或者是直接在后端设置允许跨域，这里采用的是最后一种解决手段。

环境说明：netcore 3.1

代码部分

Startup.cs

        public void ConfigureServices(IServiceCollection services){//支持mvc服务services.AddControllersWithViews();//允许所有跨域services.AddCors(options => options.AddPolicy("CorsPolicy",builder =>{builder.AllowAnyMethod().SetIsOriginAllowed(_ => true).AllowAnyHeader().AllowCredentials();}));}

然后接着在Configure中启用

       public void Configure(IApplicationBuilder app, IWebHostEnvironment env){if (env.IsDevelopment()){app.UseDeveloperExceptionPage();}//启用路由app.UseRouting();//允许所有跨域app.UseCors("CorsPolicy");app.UseEndpoints(endpoints =>{app.UseEndpoints(endpoints =>{   //属性路由endpoints.MapControllers();});});}

测试

HomeController

 [Route("Home")]public class HomeController : Controller{   [Route("")][Route("Index")][HttpGet]public IActionResult Index(){return Content("Home index");}}

前端走一个axios

 this.axios.get("https://localhost:5001/Home").then((response) => {console.log(response);},(error) => {console.log(error.message);});

只要控制台没有爆CORS的错误就说明成功了

NetCore3.1解决跨域相关推荐

继承WebMvcConfigurer 和 WebMvcConfigurerAdapter类依然CORS报错? springboot 两种方式稳定解决跨域问题
继承WebMvcConfigurer 和 WebMvcConfigurerAdapter类依然CORS报错???springboot 两种方式稳定解决跨域问题! 之前我写了一篇文章,来解决CORS报错 ...
CORS-跨域资源共享解决跨域问题
1.什么是跨域? a.test.com 和 b.test.com 是两个不同的域,而处于安全机制考虑,JS只能访问与所在页面同一个域(相同协议.域名.端口)的内容,但是我们在项目开发时,经常遇到一个页 ...
前端解决跨域问题的8种方案（最新最全）
.同源策略如下: URL 说明是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下允许 http://www.a.com/lab/a.j ...
React Axios 请求解决跨域问题
网上看了很多的方案,但是不知道为什么,作为初学者,对react不太清楚的话,解决跨域还是有很多的问题.这篇博客针对小白,第一次调试react 跨域问题,甚至第一次使用Axios ,第一次... 废话就 ...
iframe解决跨域ajax请求的方法
iframe跨域的基本前提是,一个页面可以嵌套非同源站点的html文件,以及某一个域名下的html页面可以通过脚本向同域名服务器发出ajax请求.当一个域名为domain1下的页面A想要向domain ...
java 跨域_springboot解决跨域CROS问题，用注解@CrossOrigin
项目是springboot框架,前后端分离,需要跨域,当前前端可以用JSONP解决,但是java端如何解决呢? 因为是springboot框架,所以好多都可以用注解解决问题,所以就用到了@CrossO ...
android ajax 跨域更新本地html,本地webapp是怎么解决跨域问题的？
像ionic的cli,都可以把一个ionic的webapp打包成本地的,那这样的话是如何解决跨域问题的? 在PC上,我直接访问连接获取数据,代码如下.(抄自W3School) function loa ...
jsonp解决跨域问题
跨域就是由于JavaScript同源策略的限制,使得a.com域名下的js无法操作b.com或c.a.com域名下的对象或数据. 简单理解同一个域就是:相同域名.相同端口.相同协议! JS部分(使用 ...
axios请求接口http_Vue使用Axios实现http请求以及解决跨域问题
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中.Axios的中文文档以及github地址如下: 中文:https://www.kancloud.cn/y ...

NetCore3.1解决跨域

代码部分

测试

NetCore3.1解决跨域相关推荐

最新文章

热门文章