Развернуть ASP.NET Boilerplate Core & Angular для Microsoft Azure

Question

Я бы хотел развернуть ASP.NET Boilerplate Core & Angular в Microsoft Azure. Текущая версия ASP.NET Boilerplate содержит два решения (одно для бэкенда и одно для внешнего интерфейса), поэтому мне нужно развернуть его на двух разных AppServices и базе данных SQL. Вот что я попробовал:

Опубликовать внутреннее приложение:

• создать веб-приложение + службу приложений SQL.

• настроить Web.Host/appsettings.production.json следующим образом:

  "App": {
      "ServerRootAddress": "https://myapp-backend.azurewebsites.net/",
      "ClientRootAddress": "https://myapp.azurewebsites.net/",
      "CorsOrigins": "https://myapp.azurewebsites.net/"
  }
  

• опубликовать приложение в Azure с помощью Visual Studio

• Я могу увидеть swager для API при просмотре https://myapp -backend.azurewebsites.net /

Публикация угловая

• создайте новое простое веб-приложение для Angular Client.
• запустить ng build -prod

• скопировать web.config. Это выглядит так:

  <?xml version="1.0" encoding="utf-8"?>
  <configuration>
    <system.webServer>
      <rewrite>
        <rules>
          <clear />
          <!-- ignore static files -->
          <rule name="AngularJS Conditions" stopProcessing="true">
            <match url="(app/.*|css/.*|fonts/.*|images/.*|js/.*|node_modules/.*)" />
            <conditions logicalGrouping="MatchAll" trackAllCaptures="false" />
            <action type="None" />
          </rule>    
          <!-- check if its root url and navigate to default page -->
          <rule name="Index Request" enabled="true" stopProcessing="true">
            <match url="^$" />
            <action type="Redirect" url="/home" logRewrittenUrl="true" />
          </rule>    
          <!--remaining all other url's point to index.html file -->
          <rule name="AngularJS Wildcard" enabled="true">
            <match url="(.*)" />
            <conditions logicalGrouping="MatchAll" trackAllCaptures="false" />
            <action type="Rewrite" url="/app" />
          </rule>    
        </rules>
      </rewrite>
    </system.webServer>
  </configuration>`
  

Это json конфигурация:

• Настройте angular/dist/assets/appconfig.json следующим образом:

  {  
    "remoteServiceBaseUrl": "https://myapp-backend.azurewebsites.net",  
    "appBaseUrl": "https://myapp.azurewebsites.net"  
  }
  

• Отправка файлов публикации из dist в папку wwww в Azure по FTP

• При просмотре https://myapp.azurewebsites.net/ я вижу ошибку в консольном приложении, указывающую: «Неожиданный токен <», как на рисунке ниже: </li>

Если я наберу введите здесь ссылку на ссылку Я получаю это сообщение об ошибке:

Ресурс, который вы ищете, был удален, имел свое имя изменен или временно недоступен.

Я предполагаю, что это, вероятно, связано с Web.config и тем, как настроена маршрутизация в приложении Angular, но я в данный момент теряюсь. Не могли бы вы помочь?