дополнительные пути с веб-приложением Azure возвращают ошибку

Чтобы он работал у меня, я добавил web.config-файл в общую папку (здесь находятся favicon.ico, index.html & manifest.json) и добавил следующий код:

<?xml version="1.0"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="React Routes" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
            <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

Надеюсь, это поможет :)

Поместите указанный ниже файл web.config в каталог /site/wwwroot

<?xml version="1.0"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="React Routes" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
            <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

Когда есть внутреннее перенаправление из реагирующего приложения, я могу видеть веб-страницу. Но когда я пытаюсь напрямую перейти по URL-адресу, я получаю эту ошибку.

The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

Если вы используете инструмент «Сеть» для захвата сетевого трафика, когда вы нажимаете кнопку Создать для рендеринга (перенаправления на) новой страницы, вы обнаружите, что он просто изменяет URL-адрес локально, а не запрашивает https://data-trigger-mass-test.azurewebsites.net/new на сервер. . Когда вы напрямую просматриваете и запрашиваете https://data-trigger-mass-test.azurewebsites.net/new на сервере, сервер не может найти ресурс, поэтому он возвращает ошибку (404). Чтобы URL https://data-trigger-mass-test.azurewebsites.net/new работал как на стороне сервера, так и на стороне клиента, вам может потребоваться настроить маршруты для него как на стороне сервера, так и на стороне клиента.

Ваш сервер всегда должен отправлять корневой html-файл для всех клиентских запросов, чтобы он мог пройти маршрутизацию для реагирования.

Если сервером является NodeJs, добавьте в свой server.js что-нибудь, как показано ниже.

app.get('*', (req, res) => {
   res.sendFile('public/index.html', { root: __dirname });
});