Я создал API в .Net Framework 4.5, и он отлично работает в Postman, но когда я использую Angular7, мы не получаем запрошенные параметры, такие как (имя пользователя и пароль) в API.
Я уже пробовал эти шаги:
Я уже установил этот пакет
Microsoft.AspNet.WebApi.Cors
Демоконтроллер.cs
using Newtonsoft.Json.Linq;
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Threading.Tasks;
using System.Web;
using System.Web.Http;
using System.Web.Http.Cors;
using System.Web.Http.Description;
using TestData.Models;
namespace TestData.Controllers
{
public class DemoController : ApiController
{
[HttpPost]
[Route("api/Demo/Login")]
public IHttpActionResult Login(HttpRequestMessage request)
{
string username = HttpContext.Current.Request.Form["Username"]; // getting Null
string pass = HttpContext.Current.Request.Form["Pass"]; // getting Null
return Ok('Username: ' +username + 'Password :' +pass);
}
}
}
WebApiConfig.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web.Http;
using System.Web.Http.Cors;
namespace TestData
{
public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
{
// Web API configuration and services
// Web API routes
config.MapHttpAttributeRoutes();
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
EnableCorsAttribute cors = new EnableCorsAttribute("*", "*", "*");
config.EnableCors(cors);
}
}
}
Я использую некоторый код Angular
auth.service.ts
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class AuthService {
apiUrl : any = 'http://mydomain/api';
constructor(private http : HttpClient) { }
GetHttpHeaders() : HttpHeaders {
const headers = new HttpHeaders().set('Content-Type', 'application/json');
return headers;
}
loginUser() {
var data = JSON.stringify({
"Username" : '3333',
"Pass" : '123456'
})
return this.http.post(this.apiUrl+'/Demo/Login', data, { headers : this.GetHttpHeaders() }).subscribe((results) => {
console.info(results);
});
}
}





В пользовательском интерфейсе вы добавили 'Content-Type', 'application/json', поэтому лучше, если вы примете параметр типа object в ActionResult.
Попробуйте это решение:
Серверная часть:
public IHttpActionResult Login(JObject request)
{
string username = Convert.ToString(request.SelectToken("Username"))
...
}
Пользовательский интерфейс:
loginUser(){
var data = {
"Username" : '3333',
"Password" : '123456'
}
return this.http.post(this.apiUrl+'/Demo/Login', data, { headers : this.GetHttpHeaders() }).subscribe((results) => {
console.info(results);
});
}
Другой способ - создать класс модели:
public class LoginRequestDTO
{
public string Username{ get; set; }
public string Password{ get; set; }
}
и результат действия:
public IHttpActionResult Login(LoginRequestDTO request)
{
string username = request.Username;
...
}
Конечно. я добавляю это
Почему вы передаете его как JObject вместо использования связывателя модели?
Обычно я предпочитаю ModelBinder, это может быть класс вроде LoginRequestDTO, у которого есть имя пользователя и пароль. Из вопроса я не был уверен, есть ли у него класс или нет, поэтому добавил JObject, так как это будет работать, даже если у него нет класса модели. Я добавляю это в ответ. Спасибо
@AdritaSharma Если вы можете добавить, что было не так с его предыдущим кодом, это поможет другим людям лучше понять ваш ответ, что приведет к большему количеству голосов.