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

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

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

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

Javascript

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#

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#

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#

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");

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

	06.01.2020, 20:10

Опции темы