vs2022 WebApi 与Ajax联调--跨域

在Visual Studio 2022中，如果你遇到WebApi与Ajax联调时遇到跨域问题，通常是因为浏览器的同源策略导致的。为了解决跨域问题，你可以在你的WebApi项目中配置CORS（Cross-Origin Resource Sharing）。

以下是配置CORS的步骤：

1. 在你的WebApi项目中，安装CORS包。

Install-Package Microsoft.AspNetCore.Cors

2. 在Startup.cs文件中配置CORS。

public void ConfigureServices(IServiceCollection services)
{
    // ...
    services.AddCors(options =>
    {
        options.AddDefaultPolicy(
            builder =>
            {
                builder.WithOrigins("http://example.com") // 允许的域
                       .AllowAnyHeader()
                       .AllowAnyMethod();
            });
    });
    // ...
}
 
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    // ...
    app.UseCors(); // 使用默认CORS策略
 
    // ...
    app.UseEndpoints(endpoints =>
    {
        // ...
    });
}

3. 确保你的Ajax请求是正确配置的，以允许跨域请求。

$.ajax({
    url: 'http://yourwebapi.com/api/values',
    type: 'GET',
    dataType: 'json',
    success: function(data) {
        console.log(data);
    },
    error: function(xhr, status, error) {
        console.error(error);
    }
});

在Ajax请求中，url应该是你的WebApi的地址，dataType通常是'json'，这样可以确保正确地处理响应数据。

如果你想针对特定的路由设置CORS，你可以在UseEndpoints方法中为特定的路由设置CORS属性。

app.UseEndpoints(endpoints =>
{
    endpoints.MapGet("/values", async context =>
    {
        await context.Response.WriteAsync("Hello World!");
    }).RequireCors("AllowSpecificOrigin"); // 使用具名策略
});

确保替换http://example.com为你允许跨域请求的实际域。如果你想允许任何域进行跨域请求，可以使用builder.AllowAnyOrigin()代替。