Angular向Web.API发出的POST请求被阻止了,原因是跨域请求被阻止。
创始人
2024-10-30 05:00:35
0

在Angular中解决跨域请求被阻止的问题,可以通过设置代理或在Web.API中启用跨域请求。

  1. 通过设置代理解决跨域请求被阻止的问题: 在Angular的根目录下,找到proxy.conf.json文件,如果没有则创建该文件,并添加以下内容:
{
  "/api/*": {
    "target": "http://localhost:5000",
    "secure": false,
    "logLevel": "debug"
  }
}

这里假设Web.API的地址是http://localhost:5000,你可以根据实际情况修改。

然后,在package.json文件中的scripts部分添加以下内容:

"start": "ng serve --proxy-config proxy.conf.json"

最后,运行npm start启动Angular应用,代理将会拦截所有以/api开头的请求,并将其转发到指定的Web.API地址,从而解决跨域请求被阻止的问题。

  1. 在Web.API中启用跨域请求: 在Web.API的Startup.cs文件中的ConfigureServices方法中添加以下代码:
services.AddCors(options =>
{
    options.AddPolicy("AllowAll", builder =>
    {
        builder.AllowAnyOrigin()
            .AllowAnyMethod()
            .AllowAnyHeader();
    });
});

然后,在Configure方法中添加以下代码:

app.UseCors("AllowAll");

这样就启用了允许来自任何来源的跨域请求。

通过以上两种方法之一,你就可以解决Angular向Web.API发出的POST请求被阻止的问题。

相关内容

热门资讯

每日必看!wepoker开脚本... 每日必看!wepoker开脚本视频,禅游辅助,专业教程(有挂技术)-哔哩哔哩1、超多福利:超高返利,...
盘点一款!hhpoker可以开... 盘点一款!hhpoker可以开透视,混沌休闲辅助,曝光教程(有挂技巧)-哔哩哔哩运hhpoker可以...
一分钟揭秘!pokerworl... 一分钟揭秘!pokerworld破解版下载,微乐自建房脚本免费下载,规律教程(有挂教程)-哔哩哔哩1...
传递经验!wepoker透视脚... 传递经验!wepoker透视脚本免费app,手游辅助软件,透明教程(有挂方法)-哔哩哔哩1、进入到w...
来一盘!hhpoker辅助靠谱... 来一盘!hhpoker辅助靠谱,pokemmo内置修改器,解说技巧(了解有挂)-哔哩哔哩1、每一步都...
重大通报!德州透视插件,新九哥... 重大通报!德州透视插件,新九哥破解版,解密教程(有挂技术)-哔哩哔哩1、超多福利:超高返利,海量正版...
揭秘!wpk插件辅助,一起宁德... 揭秘!wpk插件辅助,一起宁德钓蟹黑科技辅助软件推荐,介绍教程(有挂存在)-哔哩哔哩1、点击下载安装...
玩家必备攻略!扑克之星辅助,西... 玩家必备攻略!扑克之星辅助,西兵互娱辅助多少钱,黑科技教程(有人有挂)-哔哩哔哩1、该软件可以轻松地...
玩家必看教程!hhpoker软... 玩家必看教程!hhpoker软件安装包,张同学俱乐部有挂,可靠教程(有挂方式)-哔哩哔哩在进入张同学...
必备教程!wejoker辅助脚... 必备教程!wejoker辅助脚本,沧海十三水私人局辅助器,详细教程(有挂工具)-哔哩哔哩1、首先打开...