dotnet无法用角前端识别控制器

Question

我创建了以下PersonController.cs：

using Microsoft.AspNetCore.Mvc;
using PersonApi.Models;

namespace donau_lead_generator.Controllers;

[ApiController]
[Route("[controller]")]

public class PersonController : ControllerBase

{
    private readonly ILogger<PersonController> _logger;

public PersonController(ILogger<PersonController> logger)
{
    _logger = logger;
}


[HttpPost("addData")]
public Task<ActionResult<Person>> Post(Person person)
{
    Console.WriteLine("I am here");
    return null;
}

以及以下服务：

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';


import { Observable } from 'rxjs';
import { Person } from './person';

@Injectable()
export class HomeService {

  constructor(
    private http: HttpClient) {
  }


  /** POST: add a new user to the database */
  addUser(user: Person): Observable<Person> {
    return this.http.post<Person>("person/addData", user);
  }
}

在这样的组件中被调用：

this.homeService.addUser(newUser).subscribe(user => {console.warn(user)
}, error => console.error(error)); //maybe create Person

我知道返回值等还不正确，但是主要问题是尚未识别端点：

我的program.cs

var builder = WebApplication.CreateBuilder(args);

// Add services to the container.

builder.Services.AddControllersWithViews();

var app = builder.Build();

// Configure the HTTP request pipeline.
if (!app.Environment.IsDevelopment())
{
    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
    app.UseHsts();
}

app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();


app.MapControllerRoute(
    name: "default",
    pattern: "{controller}/{action=Index}/{id?}");

app.MapFallbackToFile("index.html");;

app.Run();

如果我将方法添加到预先生成的（WeatherForeCast）端点上一切都起作用。

我的文件夹结构：

编辑

我按照答案中的要求将其更改为：

[HttpPost("addData")]
public ActionResult<Person> Post(Person person)
{
    Console.WriteLine("I am here");
    return Ok(person);
}

但是，它仍然抛出相同的404错误。

Answer 1

我终于找到了这个问题。
通过Dotnet CLI生成的项目，配置A proxy.conf.js它指定了将URL重定向到服务器的，/weatherforecast是唯一允许的URL。这就是为什么添加的端点 /WeatherForeCast奏效的原因，并且在额外的控制器文件中不行。

为了使其适用于其他端点，请在proxy.conf.js中添加人员：

const { env } = require('process');

const target = env.ASPNETCORE_HTTPS_PORT ? `https://localhost:${env.ASPNETCORE_HTTPS_PORT}` :
  env.ASPNETCORE_URLS ? env.ASPNETCORE_URLS.split(';')[0] : 'http://localhost:42175';

const PROXY_CONFIG = [
  {
    context: [
      "/weatherforecast",
      "/person"
   ],
    target: target,
    secure: false,
    headers: {
      Connection: 'Keep-Alive'
    }
  }
]

module.exports = PROXY_CONFIG;

Answer 2

替换为：

app.MapControllerRoute(
    name: "default",
    pattern: "{controller}/{action=Index}/{id?}");

对此：app.mapcontrollers（）;

，您的URL会如下：https：// localhost：444416/person/person/adddata

注意：使用aroute> [route> [oute> [oute> [控制器]）]带有“ [控制器]”参数的属性，在URL中，控制器名称以大写字母开始

update

也尝试替换此Builder.Services。 AddControllersWithViews（）;
为此：builder.services.addcontrollers（）;因为您不将控制器与视图使用

Answer 3

这是因为Action Result类型代表各种HTTP状态代码。

您有一个task＆lt; actionResult＆lt; person＆gt;＆gt; endpoint返回类型，但是您正在尝试返回null null 没有定义的代码状态，因此需要将其包装在OK中（）或notfound（）方法，等等。

[HttpPost("addData")]
public ActionResult<Person> Post(Person person)
{
    Console.WriteLine("I am here");
    return OK(person);
}