在Angular中使用HTTP Post请求向.NET Core Web API发送请求时,如果出现错误,可以尝试以下解决方法:
import { HttpClientModule } from '@angular/common/http';
@NgModule({
imports: [
HttpClientModule
],
...
})
export class AppModule { }
public void ConfigureServices(IServiceCollection services)
{
services.AddCors(options => options.AddPolicy("AllowAll", p => p.AllowAnyOrigin()
.AllowAnyMethod()
.AllowAnyHeader()));
...
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
app.UseCors("AllowAll");
...
}
import { HttpClient, HttpHeaders } from '@angular/common/http';
...
constructor(private http: HttpClient) { }
...
const url = 'https://example.com/api/endpoint';
const headers = new HttpHeaders().set('Content-Type', 'application/json');
this.http.post(url, data, { headers }).subscribe(
response => {
console.log(response);
},
error => {
console.log(error);
}
);
[ApiController]
[Route("api/[controller]")]
public class MyController : ControllerBase
{
...
}
[HttpPost]
public IActionResult MyAction([FromBody] MyModel model)
{
...
}
通过检查以上方面,您应该能够解决Angular中使用HTTP Post请求向.NET Core Web API发送请求时遇到的问题。