Angular POST和.NET Core WEB Api - 401未经授权错误 / CORS
创始人
2024-10-20 11:00:56
0

要解决Angular POST和.NET Core WEB Api返回401未经授权错误和CORS(跨域资源共享)问题,可以按照以下步骤进行操作:

  1. 在Angular项目的根目录下找到proxy.conf.json文件,如果没有则创建该文件,并将以下内容添加到文件中:
{
  "/api/*": {
    "target": "http://localhost:5000",
    "secure": false,
    "logLevel": "debug"
  }
}

这将设置代理,将请求转发到.NET Core WEB Api的URL。

  1. 在Angular项目的package.json文件中,找到scripts节,将start命令更改为:
"start": "ng serve --proxy-config proxy.conf.json"

这将在启动Angular开发服务器时应用代理配置。

  1. 在.NET Core WEB Api的Startup.cs文件中,找到ConfigureServices方法,并添加以下代码来启用CORS:
public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
    {
        options.AddPolicy("AllowAllOrigins",
        builder =>
        {
            builder.AllowAnyOrigin()
                   .AllowAnyHeader()
                   .AllowAnyMethod();
        });
    });

    // ... 其他配置
}
  1. 在.NET Core WEB Api的Configure方法中,添加以下代码以应用CORS策略:
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    // ... 其他配置

    app.UseCors("AllowAllOrigins");

    // ... 其他配置
}
  1. 在.NET Core WEB Api的控制器中,确保带有[Authorize]特性的方法需要身份验证。如果要允许未经授权的访问,请确保不使用[Authorize]特性。

  2. 在Angular项目中,确保在进行POST请求时,设置请求头的Content-Typeapplication/json,并将身份验证令牌(如果需要)添加到请求头中。

以上步骤完成后,重新启动Angular开发服务器和.NET Core WEB Api,应该能够解决401未经授权错误和CORS问题。

相关内容

热门资讯

透视练习!德州局透视(WePo... 透视练习!德州局透视(WePoKer辅助器)好像真的是有辅助神器(哔哩哔哩)透视练习!德州局透视(W...
透视手册!wepoker透视a... 透视手册!wepoker透视app下载(WePoKer免费玩)一贯存在有辅助方法(哔哩哔哩)1、we...
透视妙计!werplan脚本(... 透视妙计!werplan脚本(WPK脚本)都是真的有辅助软件(哔哩哔哩)1)werplan脚本免费钻...
透视妙招!德普之星辅助工具如何... 透视妙招!德普之星辅助工具如何打开(WePoKer代打)一直有辅助软件(哔哩哔哩)透视妙招!德普之星...
透视窍要!wpk辅助哪里买(W... 透视窍要!wpk辅助哪里买(WePoKer辅助器)其实是有辅助软件(哔哩哔哩)1、wpk辅助哪里买公...
透视积累!pokemmo手机脚... 透视积累!pokemmo手机脚本(WPK透视)好像是真的有辅助app(哔哩哔哩)1、上手简单,内置详...
透视项目!wepoker辅助器... 透视项目!wepoker辅助器安装包定制(WePoKer功能)果然是有辅助神器(哔哩哔哩)1、在we...
透视课程!德普之星怎么开辅助(... 透视课程!德普之星怎么开辅助(HHpoker有用)确实有辅助插件(哔哩哔哩);德普之星怎么开辅助辅助...
透视指南!哈糖大菠萝有挂吗(W... 透视指南!哈糖大菠萝有挂吗(WePoKer收集)总是是有辅助教程(哔哩哔哩)1、首先打开哈糖大菠萝有...
透视总结!菠萝辅助器免费版的特... 透视总结!菠萝辅助器免费版的特点(WePoKer机器人)原来真的是有辅助插件(哔哩哔哩)1、该软件可...