Приложение React не запускается в службе приложений Azure

Если вы развернули веб-приложение Node Linux, документ по умолчанию будет hostingstart.html расположен в /home/site/wwwroot/.

Согласно это:

When you create a Node.js app, by default, it's going to use hostingstart.html as the default document unless you configure it to look for a different file. You can use a JavaScript file to configure your default document. Create a file called index.js in the root folder of your site

Итак, перейдите в свой ssh-терминал, перейдите к /home/site/wwwroot. Создайте там index.js со следующим кодом:

var express = require('express');
var server = express();
var options = {
index: 'index.html'
};
server.use('/', express.static('/home/site/wwwroot', options));
server.listen(process.env.PORT);

ПРИМЕЧАНИЕ: Обязательно запустите npm install --save express также в этой папке, иначе служба приложения выйдет из строя при запуске.

Перезапустите, он настроит index.html в качестве документа по умолчанию для вашего приложения.

Так что спасибо Берку Холланду. Самый простой - создать папку сборки, работающую

npm run build

Затем вы копируете папку сборки в место назначения и добавляете файл «ecosystem.config.js».

module.exports = {
  apps: [
    {
      script: "npx serve -s"
    }
  ]
};

См. эту ссылку для получения дополнительной информации: https://burkeknowswords.com/this-is-how-to-easily-deploy-a-static-site-to-azure-96c77f0301ff

Примечание. Это работает для развертывания в экземпляре службы приложений Node Linux в Azure. При таком подходе не требуется настройка маршрутизации на стороне клиента!

Для службы приложений Windows вы можете создать файл конфигурации для настройки маршрутизации на стороне клиента.

Вам не нужно устанавливать экспресс и настраивать index.js, как указано в других ответах, поскольку для этого требуется изменение конфигурации, и вы не уверены, сохранит ли событие масштабирования приложения эти установки в новом экземпляре.

Простой способ - использовать pm2, поскольку он уже является частью стека. Передайте приведенную ниже команду запуска для приложения.

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

После перезапуска он должен выбрать страницы из docroot (/home/site/wwwroot)

добавьте эту команду на панель инструментов Azure > Конфигурация > Команда запуска

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

и перезапустите свой сервер. Это исправило это для меня!

Перейдите в раздел Конфигурация Azure > Общие параметры.

• Если ваша папка build находится в корне проекта

Команда запуска: pm2 serve /home/site/wwwroot --no-daemon --spa

• Если ваша папка build находится внутри папки вашего клиента, просто добавьте путь

Команда запуска: pm2 serve /home/site/wwwroot/client/build --no-daemon --spa

Примечание:

Убедитесь, что вы используете сервер службы приложений Azure linux.

Я добавил --spa в конце, чтобы решить проблему перенаправления реагирующего маршрутизатора. Использование --spa автоматически перенаправит все запросы на index.html, а затем реагирующий маршрутизатор сделает свое волшебство.