Веб-приложение Linux Azure не может найти файлы ресурсов, приложение React

Я развертываю приложение React в веб-приложении Azure в Linux. Нода v20. На локалке все работает нормально. Конвейер выпуска работает хорошо. Я даже удалил файлы через scm.azurewebsites.net/webssh/host и повторно развернул, все работает. Но когда я пытаюсь перейти к своему приложению, оно не загружается. Кажется, что сайт новый, со страницей презентации Microsoft.

Затем я попытался просмотреть расширенные инструменты -> сайт wwwroot, но вместо файлов отчетов в каталоге wwwroot попытался загрузить мое приложение с двумя ошибками в консоли инструментов разработки браузера:

mysite.scm.azurewebsites.net/assets/index-Taz5NJvN.js net::ERR_ABORTED 404 (не найден)

это папка wwwroot

Я заметил, что он загружает index.html, потому что он меняет заголовок веб-страницы на заголовок моего приложения.

Я проверил каталог /wwwroot через Azure -> инструменты разработки ->ssh, и каталог ресурсов содержит эти файлы.

Я искал и гуглил, но безуспешно. я использовал pm2 serve /home/site/wwwroot --no-daemon --spa и npx serve -s в команде запуска также указано, что приложение было создано с помощью Vite. Буду признателен, если кто-нибудь поможет мне запустить это приложение.

🤔 А знаете ли вы, что...
React поддерживает создание анимаций и переходов между состояниями.


85
1

Ответ:

Решено

Я создал образец приложения vite+react.

Обязательно создайте приложение перед его развертыванием в службе приложений Azure.

npm run build

После запуска вышеуказанной команды создается папка dist , Он содержит все необходимое для развертывания вашего приложения в службе приложений Azure.

  • После развертывания приложения в службе приложений Azure даже я столкнулся с той же проблемой с вашей командой запуска.

  • Я настроил следующую команду запуска в разделе «Конфигурация» веб-приложения Azure.

pm2 serve /home/site/wwwroot/dist --no-daemon --spa

  • Вы можете найти развернутые файлы в KUDU.

Вывод после развертывания: