Статический веб-сайт службы приложений Azure routes.json не работает

Question

Я развернул свой статический веб-сайт (приложение React) в службе приложений Azure с помощью routes.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. Вroutes.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в гитхабе. Вы можете увидеть страницу по умолчанию после публикации.

На этот раз добавьте непосредственно routes.jsonфайл в общей папке в github. Продолжайте проверять статус публикации в действии. После завершения публикации вы увидите, что маршрут действует.

Когда мы посещаем домашнюю страницу по умолчанию, мы можем увидеть содержимое index2.html.

Если хотите увидеть index.html, мы можем добавить /index.html в URL.