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

IT技术 reactjs azure azure-web-app-service azure-static-website-hosting azure-static-website-routing
2021-05-22 21:19:24

我将我的静态网站(React 应用)部署到 Azure 应用服务routes.json以启用 HTML5 路由回退。我的路由 json 位于 /public 并且在 URL 下可用https://mywebsite.azurewebsites.net/routes.json

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

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

1个回答

最新

我认为您将这两个服务Web AppStatic 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

然后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。

在此处输入图片说明