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

相关内容

热门资讯

八分钟方案!打哈儿床将脚本,新... 八分钟方案!打哈儿床将脚本,新蜜瓜大厅免费控制器,必赢教程(有挂方法)-哔哩哔哩1)新蜜瓜大厅免费控...
透视挂!wepoker底牌透视... 透视挂!wepoker底牌透视,wpk透视工作室,手册教程(竟然有挂)-哔哩哔哩在进入wepoker...
透视软件!wepokerplu... 透视软件!wepokerplus辅助(透视)开挂辅助软件(都是真的有挂)-哔哩哔哩1、起透看视 we...
7分钟绝活!友友联盟辅助器,新... 7分钟绝活!友友联盟辅助器,新九天辅助,2025新版教程(有挂透明挂)-哔哩哔哩友友联盟辅助器软件透...
透视私人局!wpk模拟器多开,... 透视私人局!wpk模拟器多开,德普之星透视辅助软件,经验教程(其实有挂)-哔哩哔哩1、进入到德普之星...
第七分钟讲义!新九哥破解版,衢... 第七分钟讲义!新九哥破解版,衢州都莱辅助器,玩家教你(证实有挂)-哔哩哔哩1、游戏颠覆性的策略玩法,...
透视智能!wepoker辅助方... 透视智能!wepoker辅助方法(透视)开挂辅助攻略(总是真的是有挂)-哔哩哔哩1、超多福利:超高返...
三分钟教程书!三加一辅助器,顺... 三分钟教程书!三加一辅助器,顺欣茶楼开挂,总结教程(有挂细节)-哔哩哔哩一、顺欣茶楼开挂软件透明挂的...
透视好友房!智星德州插件202... 透视好友房!智星德州插件2024最新版,pokemmo脚本辅助器下载,手筋教程(其实有挂)-哔哩哔哩...
透视app!htx矩阵wepo... 透视app!htx矩阵wepoker辅助(透视)开挂辅助挂(一贯是真的挂)-哔哩哔哩1、htx矩阵w...