Проблема с развертыванием приложения Angular в веб-приложениях Azure Angular 9

У меня есть угловое приложение. вот часть package.json

  "version": "0.0.1",
  "main": "dist/index.html",
  "files": [ "dist/" ],
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "build-prod": "ng build --prod"
  },

Он содержит web.config в папке src

<configuration>
    <system.webServer>
        <httpErrors errorMode="Detailed" />
      <rewrite>
        <rules>
          <rule name="Angular" stopProcessing="true">
            <match url="^(.*)$" ignoreCase="false" />
            <conditions logicalGrouping="MatchAll">
              <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" pattern="" ignoreCase="false" />
            </conditions>
            <action type="Rewrite" url="index.html" appendQueryString="true"/>
          </rule>
        </rules>
      </rewrite>
    </system.webServer>
</configuration>

В моем Angular.json я добавляю его в активы

    "assets": [
      "src/favicon.ico",
      "src/assets",
      "src/web.config"
    ],

у меня есть следующие шаги в azure DevOps  введите описание изображения здесь

введите здесь описание изображения Я создал виртуальный каталог в своем веб-приложении azre  введите описание изображения здесь

это ошибка, которую я получаю  введите описание изображения здесь


person MicroMan    schedule 10.03.2020    source источник
comment
Где находится web.config файл в вашей dist папке при запуске сборки?   -  person Kurt Hamilton    schedule 10.03.2020
comment
в исходном коде web.config находится в папке src, в артефакте, созданном из dist / AngularApp / web.config, поэтому один путь к папке вверх от package.json, который находится непосредственно в папке dist   -  person MicroMan    schedule 10.03.2020
comment
Итак, для ясности, ваша выходная папка выглядит примерно так: /dist/prod/web.config, /dist/prod/index.html и т. Д.?   -  person Kurt Hamilton    schedule 10.03.2020
comment
Я обнаружил, что путь к виртуальному каталогу был неправильным, хотя спасибо за вашу помощь   -  person MicroMan    schedule 10.03.2020


Ответы (1)


Проблема была нанесена самостоятельно. В моем пути к виртуальному каталогу отсутствовал один уровень \ dist

Он был установлен на site \ wwwroot \ package \ AngularApp вместо site \ wwwroot \ package \ dist \ AngularApp

person MicroMan    schedule 10.03.2020
comment
Спасибо, что поделились своим решением здесь, не могли бы вы принять ваше решение в качестве ответа? Таким образом, было бы полезно, чтобы другие участники, столкнувшиеся с той же проблемой, легко нашли решение. Хорошего дня:) - person Hugh Lin; 13.03.2020