抱歉，当我使用 C# Blazor 单击链接时，此地址页面上没有显示任何内容

Question

我正在尝试按照 youtube 教程学习 Blazor。我想使用下面的代码显示学生列表。当我点击学生链接时，我看到“抱歉，该地址没有任何内容”。请谁能告诉我哪里出错了

导航栏

    <li class="nav-item px-3">
        <NavLink class="nav-link" href="Pages/Student">
            <span class="oi oi-list-rich" aria-hidden="true"></span> Student data
        </NavLink>
    </li>

学生控制器

    public class StudentController : ControllerBase
    {
    private readonly RazorExampleContext _context;

    public StudentController(RazorExampleContext context)
    {
        _context = context;
    }
    // GET: api/Student
    [HttpGet]
    public async Task<ActionResult<List<Student>>> GetStudent()
    {
        return await _context.Student.ToListAsync();
    }
   }

剃刀页面

 @page "/Student"
 @inject HttpClient Http
  // Display student list    
  <table class="table">
    <thead>
        <tr>
            <th></th>
            <th>Student Id</th>
            <th>Student Name</th>               
        </tr>
    </thead>
    <tbody>
        @foreach (var student in students)
        {
        <tr>
            <td>

                <a class="btn btn-success" href="Student/">Edit</a>
                <button class="btn btn-danger">Delete</button>

            </td>
            <td>student.Id</td>
            <td>student.StudentName</td>
        </tr>
        }
    </tbody>
   </table>
  }
  @code {
       Student[] students { get; set; }
   protected override async Task OnInitializedAsync()
   {
       await LoadStudent();
   }
  async Task LoadStudent()
  {
    students = await Http.GetJsonAsync<Student[]>("api/Student");
  }

 }

启动.cs

 // This method gets called by the runtime. Use this method to add services to the container.
    // For more information on how to configure your application
 public void ConfigureServices(IServiceCollection services)
    {
        services.AddRazorPages();
        services.AddServerSideBlazor();
        services.AddHttpClient();
        services.AddSingleton<WeatherForecastService>();
        services.AddSingleton<Student>();
    }

Answer 1

当路由器找不到提供给它的 url 地址时，通常会发生此错误。更改此：<NavLink class="nav-link" href="Pages/Student"> 至<NavLink class="nav-link" href="student">

与答案无关：

• 为什么这样做：services.AddSingleton<Student>();Student 是您的模型，而不是您要注入到组件中的服务

• 在 foreach 循环中使用 Student 数组之前，您应该验证它是否已填充数据，否则会触发空引用异常。

• 按照惯例，路由模板应该是@page“/student”而不是@page“/Student”。