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请求被阻止的问题。

相关内容

热门资讯

微扑克辅助软件!微扑克wpk辅... 微扑克辅助软件!微扑克wpk辅助软件,微扑克系统的发牌速度有多快(其实有辅助挂);小薇(透视辅助)致...
wepoke插件!wepoke... wepoke插件!wepoke可以来好牌,wepoke透明挂件,解说技巧(有挂工具)科技教程也叫必备...
推荐十款!大树下汕尾麻将挂(透... 推荐十款!大树下汕尾麻将挂(透明挂)切实是有挂(2026已更新)(哔哩哔哩)1、下载好大树下汕尾麻将...
微扑克辅助挂!德州微扑克辅助神... 微扑克辅助挂!德州微扑克辅助神器app,WPK竟然存在有挂,必赢教程(有挂细节),您好,微扑克这款游...
wepoke辅助德之星!wop... wepoke辅助德之星!wopoker真的有挂,wePoke就是真的有挂,解密教程(有挂辅助)是一款...
重大通报!桃乐互娱有没有外 挂... 重大通报!桃乐互娱有没有外 挂(辅助挂)本来存在有挂(2023已更新)(哔哩哔哩)1、每一步都需要思...
微扑克全自动机器人!微扑克网页... 1、微扑克全自动机器人!微扑克网页版辅助,微扑克被系统制裁,揭秘攻略(有挂机密);代表性(透视辅助软...
我来教教你!wepower德州... 我来教教你!wepower德州辅助器(wepower辅助器)wEpOke(一直真的有挂)科技教程也叫...
必看攻略!快玩炸翻天有外 挂吗... 必看攻略!快玩炸翻天有外 挂吗(透明挂)都是真的是有挂(2023已更新)(哔哩哔哩);1、实时快玩炸...
微扑克辅助挂!微扑克可以提高中... 微扑克辅助挂!微扑克可以提高中牌率,微扑克有辅助挂,高科技教程(有挂插件);人气非常高,ai更新快且...