reactjs - Azure 应用服务静态网站 routes.json 不起作用

Question

我将我的静态网站（React 应用程序）部署到 Azure App Serviceroutes.json以启用 HTML5 路由回退。我的路线 json 位于 /public 下，可在 URL 下找到https://mywebsite.azurewebsites.net/routes.json。

{
  "routes": [
    {
      "route": "/*",
      "serve": "/index.html",
      "statusCode": 200
    }
  ]
}

重定向不起作用。我究竟做错了什么？

Answer 1

最新

我认为您将这两个服务Web App和Static Web App. 该文件仅在Static Web Approutes.json中生效。

根据 React 文档，执行以下命令创建 my-app 项目。

1. npx create-react-app my-app
2. cd my-app
3. npm run start

然后index2.html在公共文件夹中创建。

在 github 中创建一个名为 的新存储库reacttest。

在my-app目录下，打开cmd，执行如下命令，将代码上传到github。

1. git init
2. git add.
3. git commit -m'init'
4. git remote add origin https://github.com/yourname/reacttest.git
5. git push -u origin master

按照官方文档创建Azure Static Web Apps Preview. Action在 github中查看发布状态。发布后可以看到默认页面。

这时候直接routes.json在github的public文件夹中添加文件即可。继续查看 Action 中的发布状态。发布完成后，可以看到路由已经生效。

当我们访问默认主页时，我们可以看到index2.html.

如果想看index.html，我们可以添加/index.htmlurl。