首页 > 其他分享 >跨域通信 CORS 跨域资源共享

跨域通信 CORS 跨域资源共享

时间:2022-10-02 15:55:54浏览次数:55  
标签:资源共享 浏览器 跨域 app 通信 CORS builder

当在前端项目的页面向后端的Web API 发送AJAX请求时,涉及“跨域通信”的问题。基于安全考虑、浏览器默认是禁止 AJAX跨域通信的。

CORS是浏览器中标准的跨域通信的方式,推荐使用。

CORS原理:在服务器的响应报文头中通过 access-control-allow-origin 告诉浏览器允许跨域访问的域名。

在服务端开启CORS:

Program.cs

//开启CORS 允许客户端跨域访问
string url = builder.Configuration.GetSection("ClieckUrl").Value;
string[] urls = new[] { url };//允许跨域访问后端接口的前端域名
builder.Services.AddCors(opt => opt.AddDefaultPolicy(builder =>
builder.WithOrigins().AllowAnyMethod().AllowAnyHeader().AllowCredentials()));

var app = builder.Build();
app.UseCors();//使用跨域 在app.UseHttpsRedirection();之前声明

appsetting.json

 "ClieckUrl":  "https://localhost:3000"

  

标签:资源共享,浏览器,跨域,app,通信,CORS,builder
From: https://www.cnblogs.com/friend/p/16748883.html

相关文章

  • SpringBoot 配置跨域 和版本问题
    SpringBoot配置跨域和版本问题使用springboot版本:2.3.6.RELEASE、2.4.2、2.7.4使用返回新的过滤器报错!!!报错信息:IllegalStateExceptionPost-processingofmergedbe......
  • 整合security跨域问题
    publicclassSecurityConfigextendsWebSecurityConfigurerAdapter{@AutowiredprivateUserDetailsServiceuserDetailsService;//动态认证@Override......
  • 后端跨域配置类
    importorg.springframework.context.annotation.Configuration;importorg.springframework.web.servlet.config.annotation.CorsRegistry;importorg.springframework.......
  • .Net下的CORS跨域设置
    CORS跨域访问问题往往出现在“浏览器客户端”通过ajax调用“服务端API”的时候。而且若是深究原理,还会发现跨域问题其实还分为【简单跨域】与【复杂跨域】这两种情况。网......
  • jsonp 跨域请求
    背景:JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的安全性限制,被称为“Same-OriginPolicy”(同源策略)。这一策略对于JavaScrip......
  • 跨域 jsonp/CROS
    jsonp是jsonwithpadding的缩写,它不属于Ajax请求,但它可以模拟Ajax请求。封装jsonp 文件functionjsonp(options){//动态创建script标签varscri......
  • NET5+JWT+VUE+Swagger登录权限验证2——跨域Cors
    在ConfigureServices添加如下代码://注册cros--->跨域services.AddCors(option=>{option.AddPolicy("any",build=>......
  • Fetch发送请求 + 解决跨域问题
         解决跨域问题:fetch()方法提供了一种简单,合理的方式来跨网络异步获取资源。可以使用fetch向服务器发送get请求或post请求来获取数据fetch的基本用法:fetc......
  • cors跨域处理时option预检请求
    在后端接口使用了cors跨域处理(后端通过修改Access-Control-Allow-origin来支持跨域)浏览器发出cors相关请求时会在头信息之中,增加一个Origin字段。浏览机器一旦发现跨域请......
  • 已解决:axios get请求不跨域,post请求跨域了
       做了个原生的简单页面,但是需要请求到后端的数据,然后它跨域了,后台开启了允许跨域,这时候get请求是正常了,post请求带参数就出现了跨域,如图:<!DOCTYPEhtml><html> ......