Asp.net Core配置CORS 跨域无效（记录一下）

news2024/11/23 15:17:31

问题

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

然后自己建一项目，进行配置，测试，发现配置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();