Блог

Я пытался следить за многими существующими вопросами и блогами в Интернете, но не смог заставить их работать, я создал простое приложение React с этой настройкой:

Локально все работает нормально. Я также запустил «npm run build». Я также добавил файл web.config в свою общую папку, который был скопирован в мою папку сборки со следующим содержимым:

 lt;?xml version="1.0"?gt;  lt;configurationgt;   lt;system.webServergt;   lt;httpErrors errorMode="Detailed"gt;lt;/httpErrorsgt;  lt;rewritegt;   lt;rulesgt;   lt;rule name="React Routes" stopProcessing="true"gt;   lt;match url=".*" /gt;   lt;conditions logicalGrouping="MatchAll"gt;   lt;add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /gt;   lt;add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /gt;   lt;add input="{REQUEST_URI}" pattern="^/(api)" negate="true" /gt;   lt;/conditionsgt;   lt;action type="Rewrite" url="/" /gt;   lt;/rulegt;   lt;/rulesgt;   lt;/rewritegt;   lt;/system.webServergt;  lt;/configurationgt;   

Моя общая папка выглядит так:

Я создаю свое веб-приложение Azure в Интернете нормально, и я смог развернуть его, но при просмотре я получаю эту ошибку:

 The page cannot be displayed because an internal server error has occurred.  

Какая у меня ошибка?

Страница не может быть отображена из-за внутренней ошибки сервера.

Эта ошибка может возникнуть, если приложение развернуто неправильно или зависимости не загружены.

Шаги по развертыванию React в веб-приложении Azure :

• Откройте свой проект в VS-коде
• Перейдите в раздел Расширения. Найдите службу приложений Azure и нажмите кнопку Установить.
• Перейдите в службу приложений Azure. Войдите в свою учетную запись Azure.
• Нажмите кнопку Развернуть в веб-приложении.
• Выберите свою подписку. Выберите свою службу приложений.
• Теперь вы сможете развернуть свое приложение react в службе приложений Azure