Статический хостинг - приложение ReactJS в хранилище BLOB-объектов Azure с помощью Azure CDN - PullRequest
0 голосов
/ 12 июня 2018

Я хочу разместить мое приложение ReactJS как статическое на BLOB-объекте Azure .Проблема в том, что Azure Blob не поддерживает документ по умолчанию.Чтобы преодолеть это, я установил Azure CDN с правилами перезаписи URL

  • для первого шаблона источника, установленным на ((?:[^\?]*/)?)($|\?.*)
  • для первого шаблона назначения, установленным на $1index.html$2
  • для второго шаблона источника, установлен на ((?:[^\?]*/)?[^\?/.]+)($|\?.*)
  • для второго шаблона назначения, установлен на $1/index.html$2

Это от Учебник Хао

Это успешно разрешает myapp.azureedge.net, но когда клиентская маршрутизация используется напрямую, например, myapp.azureedge.net\react\route, приложение вернет ResourceNotFound.

Значение, когда пользователь вводитmyapp.azureedge.net\react\route в качестве своего URL и пытается перейти на страницу, он получит ошибку.

Я подозреваю, что мне нужно перенаправить каждый путь, который не относится к конкретному статическому файлу, на index.html.Однако я не знаю, является ли это правильным решением или как его достичь

Спасибо за любую помощь!

Ответы [ 2 ]

0 голосов
/ 17 апреля 2019

Azure CDN теперь поддерживает статический хостинг веб-сайтов.Дополнительная информация здесь:

https://docs.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website

Вы можете разместить одностраничное приложение без перезаписи URL, установив документ по умолчанию и документ с ошибкой index.html

0 голосов
/ 13 июня 2018

Я сталкивался с подобной проблемой раньше.Предполагая, что структура ваших статических файлов в контейнере BLOB-объектов Azure выглядит следующим образом:

Примечание: cdn - это имя контейнера.

Вы можете настроить следующие правила перезаписи URL для настройки страницы по умолчанию и переписывания всех запросов в index.html вместе с возможной строкой запроса, и ваши изображения и сценарии в cdn/scripts и cdn/images могут быть правильно доступны.

Кроме того, вы можете использовать Azure Web App для размещения статического веб-сайта и выбора правильного уровня цен.Подробности вы можете следить Калькулятор цен .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...