Angular2 - обновление страницы 404 при размещении в Azure

Question

Я работаю над приложением Angular2. Он использует «@ угловой/общий»: «2.0.0-rc.4» и «@ angular/router»: «3.0.0-beta.2».

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

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

Это также происходит, если я сразу же ударил URL.

Пример URL является ... https://tilecasev2.azurewebsites.net/profile/therichmond

Однако при просмотре страниц через домашнюю страницу они работают нормально, но только до обновилась (https://tilecasev2.azurewebsites.net).

У меня есть ниже в моей голове ... index.html

<base href="/"> 

Почему это происходит и как я могу это исправить?

Answer 1

HashLocationStrategy избегает этой проблемы путем включения во всех ваших угловых маршрутов в #, но на самом деле не затруднительное это.

Чтобы угловые маршруты без хешей работали в лазури так же, как в локальной среде разработки, вам просто нужно настроить IIS, чтобы переписать все запросы с правами root. Это позволяет угловой ручке маршрутизации.

Чтобы сделать это, добавьте Web.config файл в корневую папку вашего сайта со следующим содержанием:

<configuration> 
<system.webServer> 
    <rewrite> 
     <rules> 
     <rule name="Main Rule" stopProcessing="true"> 
       <match url=".*" /> 
       <conditions logicalGrouping="MatchAll"> 
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> 
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> 
       </conditions> 
       <action type="Rewrite" url="/" /> 
      </rule> 
     </rules> 
    </rewrite> 
</system.webServer> 
</configuration> 

Answer 2

Как указал Гюнтер HashLocationStrategy, необходимо было установить.

Я последовал шаги в документации Angular2 и все это работает сейчас ...

https://angular.io/docs/ts/latest/api/common/index/HashLocationStrategy-class.html