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()));
  }
}

相关内容

热门资讯

第十分钟学习!wepoker有... 第十分钟学习!wepoker有透视功能吗(透视)原来是有辅助脚本(哔哩哔哩)1、用户打开应用后不用登...
第9分钟模块!德普之星透视免费... 第9分钟模块!德普之星透视免费(透视)都是是有辅助脚本(哔哩哔哩)德普之星透视免费能透视中分为三种模...
一分钟要领!wepokerpl... 一分钟要领!wepokerplus外开挂(透视)好像是真的有辅助神器(哔哩哔哩)1、任何wepoke...
两分钟手筋!wpk私人局辅助是... 两分钟手筋!wpk私人局辅助是真的吗(透视)都是真的有辅助工具(哔哩哔哩)1、下载好wpk私人局辅助...
十分钟学习!hhpoker辅助... 十分钟学习!hhpoker辅助器视频(透视)好像是有辅助辅助(哔哩哔哩)hhpoker辅助器视频脚本...
一分钟手册!佛手在线大菠萝技巧... 一分钟手册!佛手在线大菠萝技巧(透视)本来是真的有辅助安装(哔哩哔哩)1、佛手在线大菠萝技巧公共底牌...
第2分钟总结!wepoker有... 第2分钟总结!wepoker有辅助工具吗(透视)本来有辅助下载(哔哩哔哩)1、很好的工具软件,可以解...
两分钟讲义!wepoker脚本... 两分钟讲义!wepoker脚本下载(透视)一直存在有辅助开挂(哔哩哔哩)1、实时wepoker脚本下...
1分钟阶段!wepoker有什... 1分钟阶段!wepoker有什么规律(透视)果然是真的有辅助工具(哔哩哔哩)1、这是跨平台的wepo...
第四分钟练习!德普之星的辅助工... 第四分钟练习!德普之星的辅助工具介绍(透视)真是真的有辅助脚本(哔哩哔哩)德普之星的辅助工具介绍是不...