.net core 的跨域

.net core 的跨域问题花了 我很长时间 接下来我简单的描述下解决过程

首先我在前端用jquery的ajax去调用自己的本地接口大致如下

$.ajax({

type:"POST",

url:"http://localhost:11969/api/Users/login",

dataType:"Json",

data:{

"username":"Majiko2018",

"password": "majiko123",

},

success:function(data){

console.log("成功");

console.log(data)

},

error:function(err){

console.log("失败");

console.log(err);

}

});

期间在不同的浏览器中显示都不一样

首先在chorme 中显示不出具体错误只是显示POST https://localhost:11969/api/Users/login 0 ()也不说具体啥错

于是我就在Edge中去调试,这个还正常点知道报错 No ‘Access-Control-Allow-Origin

 

同样我也在explorer中debug了显示错误如下

一开始我认为会不会是在VScode中 React项目 里写ajax会有什么问题

因为已经尝试了网上很多关于.net Core跨域的问题都没能解决而且一直报同一个错期间当然也包括一些部署上的问题500,404 等等 简直绝望到死

后边我就尝试着注释之前的所有尝试再试一遍

在ConfigureServices中添加跨域操作

services.AddCors(options =>

options.AddPolicy("any",

builder => builder.AllowAnyMethod().AllowAnyHeader().AllowAnyOrigin().AllowCredentials()));

然后在controller层头部添加

[EnableCors("any")]

问题竟然解决了。。。

我现在都有点晕 这个.NET CORE的路由什么的我才刚刚接触都没有入门 我想是我对它了解的不深入导致的

首先是Startup层

 public void Configure(IApplicationBuilder app, IHostingEnvironment env)
        {
            app.UseCors("AllowAll2");//这个是必须的,且中间加什么都可以??
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }
            //这个也是必须的
            app.UseCors(builder => builder
                      .AllowAnyOrigin()
                      .AllowAnyMethod()
                      .AllowAnyHeader());
            app.UseMvc();
}
    
        public void ConfigureServices(IServiceCollection services)
        {
            //这个也是必须的
            services.AddCors(options =>
            options.AddPolicy("any",
         builder => builder.AllowAnyMethod().AllowAnyHeader().AllowAnyOrigin().AllowCredentials()));
            services.AddMvc();
        }

然后到Controller层

在namespace之下添加 [Route("api/Users")](再添加了前面两个后,这个是非必须的)

这几天我会仔细看一下这方面的东西系统的总结一遍~

原文地址:https://www.cnblogs.com/RikuBlog/p/9530621.html

时间: 2024-10-01 00:37:57

.net core 的跨域的相关文章

.net core实现跨域

什么是跨域在前面已经讲解过了,这里便不再讲解,直接上代码. 一.后台API接口 用.net core创建一个Web API项目负责给前端界面提供数据. 二.前端界面 建立两个MVC项目,模拟不同的ip,在view里面添加按钮调用WEB API提供的接口进行测试跨域.view视图页代码如下: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" conten

.Net Core Api 跨域配置

.Net Core 和Asp.Net 不同,不需要再去引用其他的跨域组件.创建项目时,就有了. 让接口实现跨域,需要配置两个地方. 一.Startup.cs 这里需要配置两个地方 public void ConfigureServices(IServiceCollection services) { //添加cors 服务 配置跨域处理 services.AddCors(options => { options.AddPolicy("any", builder => { b

asp.net core 允许跨域

// 跨域 // 设置只允许特定来源可以跨域 app.UseCors(options => { options.WithOrigins("http://localhost:5000", "http://127.0.0.1"); // 允许特定ip跨域 options.AllowAnyHeader(); options.AllowAnyMethod(); options.AllowCredentials(); }); 注意: 上面那段代码写到API项目的star

ASP.NET Core 配置跨域(CORS)

1.安装程序CORS程序包 Install-Package Microsoft.AspNetCore.Mvc.Cors 一般默认都带了此程序包的 2.配置CORS服务 在 Startup类,ConfigureServices方法里,添加如下代码: services.AddCors(option=>option.AddPolicy("cors", policy => policy.AllowAnyHeader().AllowAnyMethod().AllowCredentia

ASP.NET Core Web API 跨域(CORS) Cookie问题

身为一个Web API,处理来自跨域不同源的请求,是一件十分合理的事情. 先上已有的文章,快速复制粘贴,启用CORS: Microsoft:启用 ASP.NET Core 中的跨域请求 (CORS) ASP.NET Core 配置跨域(CORS) 如果按照以上文章,一步一步操作,你会发现,虽然能跨域请求了,但是即使客户端开了(xhr.withCredentials = true)也无法将Cookie发送给API. 关于AllowAnyOrigin 这是因为请求的首部中携带了 Cookie 信息,

Asp.Net Core WebAPI入门整理(三)跨域处理

一.Core  WebAPI中的跨域处理  1.在使用WebAPI项目的时候基本上都会用到跨域处理 2.Core WebAPI的项目中自带了跨域Cors的处理,不需要单独添加程序包 3.使用方法简单 二.使用实例 1.全局配置中启用跨域处理,命名为'any',任何都可以访问 public void ConfigureServices(IServiceCollection services) { //配置跨域处理 services.AddCors(options => { options.AddP

.net core webapi搭建(2)跨域

Core WebAPI中的跨域处理 在使用WebAPI项目的时候基本上都会用到跨域处理 Core WebAPI的项目中自带了跨域Cors的处理,不需要单独添加程序包 如图所示 修改 ConfigureServices public void ConfigureServices(IServiceCollection services) { //配置跨域处理 services.AddCors(options => { options.AddPolicy("any", builder

关于.Net Core 前后端分离跨域请求时 ajax并发请求导致部分无法通过验证解决办法。

项目中有这样一个页面.页面加载的时候会同时并发6个ajax请求去后端请求下拉框. 这样会导致每次都有1~2个"浏览器预请求"不通过. 浏览器为什么会自动发送"预请求"?请看以面连接 https://blog.csdn.net/charleslei/article/details/51906635 那么解决办法无非就是尽量避免发送"预请求". 后来经过反复测试发现"预请求"可以通过设置Access-Control-Max-Age

解决.Net Core跨域问题

什么是跨域?浏览器从一个域名的网页去请求另一个域名的资源时,域名.端口.协议任一不同,都是跨域 跨域的几种情况 1.端口和协议的不同,只能通过后台来解决 2.localhost和127.0.0.1虽然都指向本机,但也属于跨域 我们在同一个解决方案下,新建一个静态网站和一个.Net Core Mvc网站,此时在静态网站中的页面去访问Mvc网站中的接口就会出现跨域问题. 这里Ajax访问接口回调始终会回到error中. 浏览器中的Console会报错“Access-Control-Allow-Ori