在6中通过API执行post方法时，在浏览器控制台中显示400（错误请求）

Question

通过RESTAPI执行post方法时显示400（错误请求）

这适用于运行ASP的SQL server。网

Rest服务。ts

import { Injectable } from '@angular/core';**

import { HttpClient, HttpHeaders } from '@angular/common/http';

import { Observable } from 'rxjs';

import { map } from 'rxjs/operators'

var httpoptions = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json'
  })
}

@Injectable({

providedIn: 'root'

})

员工component.ts

import { Component, OnInit } from '@angular/core';
import {RestService} from  '../rest.service'

@Component({
  selector: 'app-employee',
  templateUrl: './employee.component.html',
  styleUrls: ['./employee.component.css']
})
export class EmployeeComponent implements OnInit {

  constructor(public rs:RestService) { }
employees:any

  ngOnInit() {

    this.funget()
  }

funget(){
    this.rs.getemployee().subscribe(employees=>{
      this.employees=employees
    })
}

insert;t1;t2;t3;t4;t5;t6;t7;t8;
  funins(){

    var data={
      ID:this.t1, Name:this.t2,Gender:this.t3,Designation:this.t4,Department:this.t5,EmailID:this.t6,
      PhoneNo: this.t7,Address:this.t8}
    this.rs.insertemployee(data).subscribe(dt=>{
      this.insert=JSON.parse(dt)
      this.funget()
    })
  }

员工控制员。反恐精英

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;
using System.Web.Http.Cors;
using SampleAPI.Models;
namespace SampleAPI.Controllers
{
    [EnableCors(origins: "http://localhost:52821", headers: "*", methods: "*")]
    public class EmployeeController : ApiController
    {
         IEmployeeRepository repository = new EmployeeRepository();
        [HttpGet, Route("GetEmployee")]
        public IEnumerable<Employee> Get()
        {
            return repository.GetAll();
        }
        [HttpGet, Route("GetEmployeeBYID")]
        public Employee GetEmployee(int ID)
        {
            Employee emp = repository.Get(ID);
            if (emp == null)
            {
                throw new HttpResponseException(HttpStatusCode.NotFound);
            }
            return emp;
        }
        [HttpPost,Route("InsertEmployee")]
        public HttpResponseMessage Post([FromBody] Employee emp)
        {
            emp = repository.Insert(emp);
            var response = Request.CreateResponse<Employee>(HttpStatusCode.Created, emp);

            string uri = Url.Link("DefaultApi", new { customerID = emp.ID });
            response.Headers.Location = new Uri(uri);
            return response;
        }
        //http://localhost:52821/UpdateEmployee?ID=3
        [HttpPut,Route("UpdateEmployee")]
        public HttpResponseMessage PutEmployee(int ID,Employee emp)
        {
            emp.ID = ID;
            if (!repository.Update(emp))
            {
                return Request.CreateErrorResponse(HttpStatusCode.NotFound, " ID :" + ID);
            }
            else
            {
                return Request.CreateResponse(HttpStatusCode.OK);
            }
        }
        [HttpDelete,Route("DeleteEmployee")]
        public HttpResponseMessage DeleteEmployee(int ID)
        {
            Employee emp = repository.Get(ID);
            if (emp == null)
            {
                throw new HttpResponseException(HttpStatusCode.NotFound);
            }
            else
            {
                if (repository.Delete(ID))
                {
                    return Request.CreateResponse(HttpStatusCode.OK);
                }
                else
                {
                    return 
                        Request.CreateErrorResponse(HttpStatusCode.NotFound, " ID " + ID);
                }
            }
        }
    }

}

输出

**我希望通过API输出我的帖子数据，但显示选项http://localhost:52821/InsertEmployee400（错误请求）

访问位于“”的XMLHttpRequesthttp://localhost:52821/InsertEmployee“起源”http://localhost:4200'已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：它没有HTTP ok状态。

果心js:12501错误HttpErrorResponse

Answer 1

此错误通常表示您传递的某种错误数据。这可能是因为某些整型字段值是float，或者整型字段值是string，等等。CORS错误理解起来有点复杂，但如果它带有其他错误，则通常不是因为服务器上的CORS阻塞。

我建议你们使用邮递员，并在正文中发送员工数据。尝试删除一个属性以确定哪种确切的数据格式是错误的。

Answer 2

问题留在后端，在服务器中启用CORS策略。

HTTP OPTIONS方法用于描述目标资源的通信选项。客户机可以为OPTIONS方法指定一个URL，或者指定一个星号（*）来表示整个服务器。https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/OPTIONS

var cors = new EnableCorsAttribute("http://srv02:2300", "*", "*");
config.EnableCors(cors);

如何允许ASP的CORS。网