我正在学习使用 .NET Core 和 React 进行全栈 Web 开发,因此我在 Visual Studio 2019 中使用 React 模板创建了一个 ASP.NET Core Web 应用程序项目。
在某些时候,我注意到如果我请求一个不存在的 URL,我不会像预期的那样收到错误或 404 页面,而是收到 index.html 作为响应。
我希望我的后端在调用不存在的 URL 时返回 404 状态代码。
我试图通过在 App.js 中的 Route 标签周围添加一个 React Switch 标签来解决这个问题,并添加了一个在请求的 URL 与定义的路由不匹配时显示的组件:
import React, { Component } from 'react';
import { Route, Switch } from 'react-router';
import { Layout } from './components/Layout';
import { Home } from './components/Home';
import { FetchData } from './components/FetchData';
import { Counter } from './components/Counter';
import NoMatch from …Run Code Online (Sandbox Code Playgroud)