Asp.net Core配置CORS 跨域无效(记录一下)

问题

学习老杨的英语网站项目,运行项目时,发现出现了跨域的问题。

然后自己建一项目,进行配置,测试,发现配置CORS 跨域时,发现跨域的配置无效,依旧报错。

在这里插入图片描述

解决

网上找了一天,然后去翻老杨的视频,发现是因为 app.UseCors() 放在 app.UseHttpsRedirection() 的后面。
焯!配置的时候网上找的,都是放在app.UseHttpsRedirection() 的后面,后面去微软官方看教程也是放在后面。

解决

  • app.UseCors() 要放在 app.UseHttpsRedirection() 之前
  • 放在 app.UseRouting() 之后
  • app.UseAuthorization() 之前

标题跨域测试

通过浏览器进行测试,咋样方便不用搞一个前端项目。
放在Console 里 直接回车。

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://localhost/IdentityService/Login/LoginByUserNameAndPwd');
xhr.setRequestHeader("Content-type","application/json;charset=UTF-8");
xhr.setRequestHeader("jwt-token","JhbGciOiJSUzI1N");
xhr.send('{"userName":"cc0c","password":"ddd"}');
xhr.onload = function(e) {
var xhr = e.target;
console.log(xhr.responseText);
}

在这里插入图片描述

配置

using HttpTest;
using Microsoft.AspNetCore.Mvc;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Options;
using Microsoft.Net.Http.Headers;

var builder = WebApplication.CreateBuilder(args);
builder.Services.AddCors(options =>
{
    options.AddPolicy("Policy1",
        policy =>
        {
            policy.WithOrigins("https://www.baidu.com", "http://localhost:4173").AllowAnyMethod()

                    .AllowAnyHeader().AllowCredentials();
        });
});
builder.Services.Configure<MvcOptions>(opt =>
{
    opt.Filters.Add<FilterOne>();
});
// Add services to the container.

builder.Services.AddControllers();
// Learn more about configuring Swagger/OpenAPI at https://aka.ms/aspnetcore/swashbuckle
builder.Services.AddEndpointsApiExplorer();
builder.Services.AddSwaggerGen();

var app = builder.Build();

app.UseRouting();
app.UseCors("Policy1");
app.UseHttpsRedirection();

// Configure the HTTP request pipeline.
if (app.Environment.IsDevelopment())
{
    app.UseSwagger();
    app.UseSwaggerUI();
}

app.UseAuthorization();

app.MapControllers();

app.Run();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值