Azure 应用服务静态网站 routes.json 不工作

Question

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

下可用

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

重定向无效。我做错了什么？

Answer 1

最新

我认为您混淆了 Web App 和 Static Web App 这两个服务。 routes.json文件只在Static Web App.

生效

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

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

然后在 public 文件夹中创建 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。在 github 中查看 Action 中的发布状态。发布后可以看到默认页面

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

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

如果想看index.html，可以在url中加上/index.html。