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...
分享透视!德普之星透视免费,微... 分享透视!德普之星透视免费,微乐挖坑内购破解,方式教程(有挂秘诀)-哔哩哔哩1、上手简单,内置详细流...
解迷透视!pokemmo脚本辅... 解迷透视!pokemmo脚本辅助器,微信微乐小程序辅助软件,方式教程(新版有挂)-哔哩哔哩1、游戏颠...
分享透视!aapoker怎么开... 分享透视!aapoker怎么开辅助器,小程序微乐辅助器下载,手段教程(真实有挂)-哔哩哔哩1、实时a...
关于透视!wejoker透视方... 关于透视!wejoker透视方法,微乐云南小程序辅助器,法子教程(有挂细节)-哔哩哔哩1、许多玩家不...
必备透视!wepoker怎么增... 必备透视!wepoker怎么增加运气,微信小程序微乐安徽辅助苹果,手册教程(真是有挂)-哔哩哔哩1、...
解谜透视!poker mast... 解谜透视!poker master辅助,微乐卡五星有挂吗,秘籍教程(有挂规律)-哔哩哔哩1、poke...
必备透视!wepoker模拟器... 必备透视!wepoker模拟器哪个,微乐陕西麻将破解,方案教程(有挂方针)-哔哩哔哩1、首先打开we...
详细透视!aapoker发牌逻... 详细透视!aapoker发牌逻辑,微乐自建房免费黑科技下载苹果,总结教程(有挂工具)-哔哩哔哩1、点...
推荐透视!佛手大菠萝13道挂哪... 推荐透视!佛手大菠萝13道挂哪里,微信小程序微乐自建房脚本下载,项目教程(有挂工具)-哔哩哔哩1)佛...