Angular+Web API не отправляется запрос

@Sierra · Регистрация: 23.08.2017

Студворк — интернет-сервис помощи студентам

Всем привет! Проблема с отправкой POST-запроса с фронта(Angular 8) на бэк(Web API).
CORS на бэке добавил глобально, и GET-запросы проходят шикарно. А вот POST.
У меня фронт это Angular приложение на одном локальном серве, а бэк Web API на другом локальном серве.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import { Component } from "@angular/core";
import { HttpClient, HttpErrorResponse, HttpHeaders, HttpRequest } from "@angular/common/http";
import { NgModel } from "@angular/forms";
 
@Component({
  selector: "my-app",
  templateUrl: "./Views/MainPage/MainPage.html",
  styleUrls: ["./wwwroot/Styles/LoginStyles.css"]
})
export class AppComponent {
  constructor(private http: HttpClient) {}  
  onSignIn() {
    let login: string = "test",
      password: string = "123";
    const body = {
      sLogin: login,
      sPassword: password
    };    
    const url: string = "https://localhost:44320/api/auth/signin";   
    let headers = new HttpHeaders();    
    headers.set('Content-Type', 'application/json; charset=utf-8');
    headers.set("Access-Control-Allow-Origin", "*");
    headers.set("Access-Control-Allow-Credentials", "true");
    headers.set("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POsST,PUT");
    headers.set("Access-Control-Allow-Headers", "Access-Control-Allow-Headers, Origin,Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers");  
    this.http.post(url, body, {headers: headers}).subscribe(oResponse => {
      console.log(oResponse);
    });
  }
}

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using System.Web.Http.Cors;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;
using MillitaryBookServices.Models;
 
namespace MillitaryBookServices.Controllers.Auth {
    [Route("api/auth")]
    [ApiController]
    [EnableCors(origins: "*", headers: "*", methods: "*")]
    public class AuthController {
        [HttpPost]
        [Route("signin")]
        public void SignIn([FromBody] SignIn data) {   // Сюда не проваливается
            Console.WriteLine();
        }
        [HttpGet]
        [Route("sig")]
        public void GetSignIn(int id) {
            Console.WriteLine();
        }        
    }
}

C#
1
2
3
4
5
6
7
8
9
10
11
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
 
namespace MillitaryBookServices.Models {
    public class SignIn {
        public string Login { get; set; }
        public string Password { get; set; }
    }
}

@Sierra · 06.01.2020, 20:10 **[ТС]**

Я пришел к такому решению, которое сработало для меня. Нужно было добавить в файле Startap.cs

C#
1
2
3
4
services.AddCors(options => options.AddPolicy("ApiCorsPolicy", builder => {
            builder.WithOrigins("http://localhost:3000").AllowAnyMethod().AllowAnyHeader();
        }));
        services.AddMvc(option => option.EnableEndpointRouting = false);

И также добавить

C#
1
app.UseCors("ApiCorsPolicy");

Надеюсь, кому то это поможет сэкономить время.

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .