Как исправить проблему с обновлением страницы в Angular и MVC?

Question

Я использую угловые 5 внутри MVC 5, используя и я использую угловую маршрутизацию внутри этого.Все работает нормально, но когда в адресной строке браузера есть угловой маршрут URL, и я делаю F5, он выдает ошибку. Ресурс не найден.

Я уверен, что это так, потому что этот шаблон URL не совпадает смоя MVC маршрутизация, но она совпадает с угловыми маршрутами.

Как решить эту проблему?

Answer 1

Это просто решить эту проблему. Сделайте это в ваших модулях импорта: RouterModule.forRoot (маршруты, {useHash: true}). В этом случае URL после хэша больше не отправляется на вашу серверную сторону. Для получения дополнительной информации перейдите здесь .

Answer 2

Скорее всего, вам нужно установить модуль UrlRewriter для IIS, а затем вам нужно иметь следующее в вашем web.config при system.webServer/rewrite/rules

<rule name="Angular 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="/Home/Index?url={UrlEncode:{R:0}}" />
</rule>

Хотя специфика правила перезаписи будет зависетьв вашем приложении.Я подключаю свой угловой угловой узел html в моем представлении Home/Index.Если вы делаете это по-другому, вам придется обновить его так, чтобы он направлялся туда, куда вы ожидаете.

Угловые документы