asp.net core webapi 服务端配置跨域的实例

在ASP.NET Core WebAPI中配置跨域的实例如下：

1. 在Startup.cs文件中添加跨域服务

在ConfigureServices方法中添加跨域服务。例如，以下代码添加了一个名为“AllowAll”的跨域服务：

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
    {
        options.AddPolicy("AllowAll", builder =>
        {
            builder.AllowAnyOrigin()
                   .AllowAnyMethod()
                   .AllowAnyHeader();
        });
    });

    // ...
}

在上面的代码中，我们使用AddCors方法添加跨域服务，并使用AddPolicy方法添加一个名为“AllowAll”的跨域策略。在这个策略中，我们允许任何来源、任何方法和任何标头。

1. 在Configure方法中启用跨域服务

在Configure方法中启用跨域服务。例如，以下代码启用了名为“AllowAll”的跨域策略：

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    app.UseCors("AllowAll");

    // ...
}

在上面的代码中，我们使用UseCors方法启用名为“AllowAll”的跨域策略。

1. 示例一：使用jQuery调用WebAPI

在这个示例中，我们将演示如何使用jQuery调用WebAPI。

$.ajax({
    url: "your-api-url",
    type: "GET",
    crossDomain: true,
    success: function (data) {
        console.log(data);
    },
    error: function (xhr, status, error) {
        console.log(error);
    }
});

在上面的代码中，我们使用jQuery的ajax方法调用WebAPI。在请求中，我们设置crossDomain属性为true，以启用跨域请求。

1. 示例二：使用Fetch API调用WebAPI

在这个示例中，我们将演示如何使用Fetch API调用WebAPI。

fetch("your-api-url", {
    method: "GET",
    mode: "cors"
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.log(error));

在上面的代码中，我们使用Fetch API调用WebAPI。在请求中，我们设置mode属性为“cors”，以启用跨域请求。在响应中，我们使用json方法将响应转换为JSON格式。