reactjs - Azure 中托管的 Create-React-App 通过手动刷新或在除主页之外的任何页面上手动键入 url 获取 404

Question

它在本地工作，但当我将其推送到 Azure 时就不行了。这是我的路线:

const router = createBrowserRouter([
  {
    path: "/",
    element: <Layout />,
    errorElement: <ErrorPage />,
    children: [
      { index: true, element: <HomePage /> },
      { path: "admin", element: <AdminPage /> },
      { path: 'page-one', element: <PageOne /> },
      { path: 'page-two', element: <PageTwo /> }
    ]
  }
]);

这是我迄今为止根据研究所做的尝试:

1. 创建了一个 web.config 并将其添加到根目录(tsconfig.json 文件旁边)

2. 创建 web.config 并将其手动添加到 IIS 的根目录

3. 向公共(public)文件夹添加了一个routes.json 文件，其中包含:

   {“路线”:[{“路线”: ”/*”，“服务”:“/index.html”，“状态代码”:200}]}

4. 创建了一个 _redirects 文件，其中包含指向 index.html 的相同通配符重定向

这些都没有解决问题。有人能想到我可能错过的事情吗？

Answer 1

经过更多的挖掘，以下是对我有用的:

https://dev.to/sumitkharche/how-to-deploy-react-application-on-iis-server-1ied

https://www.iis.net/downloads/microsoft/url-rewrite

需要将 URL 重写添加到 IIS，然后将 web.config 添加到应用程序本身的公共(public)文件夹中，以便 Create React Apps 能够与 IIS 正常工作