Angular应用程序通过HTTP请求NetCoreapi时被CORS策略阻止
创始人
2024-10-30 14:00:28
0

在Net Core api项目中的Startup.cs文件中添加以下代码:

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

    //其他代码
}

然后,在Net Core api控制器类中,使用[EnableCors]特性并指定策略名称:

[EnableCors("AllowAllOrigins")]
public class YourController : ControllerBase
{
    //其他代码
}

最后,在Angular应用程序中,使用HttpClient模块时,在请求头中添加以下代码:

import { HttpClient, HttpHeaders } from '@angular/common/http';

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json',
    'Access-Control-Allow-Origin': '*',
    'Access-Control-Allow-Methods': 'GET, POST, PATCH, DELETE, PUT, OPTIONS'
  })
};

@Injectable()
export class YourService {
  constructor(private http: HttpClient) {
  }

  yourFunction() {
    return this.http.get('https://your-net-core-api-url', httpOptions)
               .pipe(map(res => res.json()));
  }
}

相关内容

热门资讯

黑科技美元局!wpk有透视辅助... 黑科技美元局!wpk有透视辅助(wpk到底有没有外挂)固有有挂(有人有挂)-哔哩哔哩1、许多玩家不知...
黑科技攻略!pokermast... 黑科技攻略!pokermastersteam外挂(德扑ai机器人软件开发)先前是有挂(有挂解惑)-哔...
黑科技脚本!wepoke辅助软... 黑科技脚本!wepoke辅助软件靠谱(aapoker辅助工具ai)从前有挂(有挂分享)-哔哩哔哩1、...
黑科技真的!哈糖大菠萝有挂(a... 黑科技真的!哈糖大菠萝有挂(aapoker发牌机制)竟然存在有挂(有挂细节)-哔哩哔哩是一款可以让一...
黑科技挂!x-poker辅助软... 黑科技挂!x-poker辅助软件(微扑克ai机器人)好像存在有挂(有挂头条)-哔哩哔哩是一款可以让一...
黑科技神器!来玩德州app有挂... 黑科技神器!来玩德州app有挂(wepoke智能ai)其实真的是有挂(存在有挂)-哔哩哔哩是一款可以...
黑科技中牌率!来玩app德州扑... 黑科技中牌率!来玩app德州扑克(wepokeai代打)总是真的是有挂(有挂实锤)-哔哩哔哩;小薇(...
黑科技安装!governoro... 黑科技安装!governorofpoker3有挂(微扑克如何让系统发好牌)真是有挂(有挂秘籍)-哔哩...
黑科技智能ai!wepoke有... 黑科技智能ai!wepoke有app软件(aapoker发牌机制)一贯存在有挂(有挂解惑)-哔哩哔哩...
黑科技美元局!德扑之星系统发牌... 黑科技美元局!德扑之星系统发牌机制(微扑克ai机器人)起初是真的有挂(有挂方法)-哔哩哔哩微扑克ai...