Configure MVC5 with angular4 routes

Question

I'm trying to configure routes in MVC5, when i tried to refresh web-page withing angular 4 route it gives me

Server Error in '/' Application.
The resource cannot be found.

how can i config mvc routes to accept also angular routes:

  routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

  routes.MapRoute(
      name: "Default",
      url: "{controller}/{action}/{id}",
      defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
  );

Do you have proper controller class with proper action(with Route attribute) in it? — Ankur Shah, Jan 03 '19 at 13:13
You need add a controller class and add appropriate action with route attributes on it in MVC 5 project then it will work — Ankur Shah, Jan 03 '19 at 14:46
try my solution https://stackoverflow.com/questions/50601424/asp-net-mvc-with-angular-page-refresh-or-reload-gives-404-error/50601878#50601878 — John Velasquez, Jan 03 '19 at 17:40
@JohnVelasquez your solution will prevent me from navigate to any of mvc5 views such as login\ register page. it will redirect me only to Home\Indx — Fares Ayyad, Jan 06 '19 at 09:25
@AnkurShah can you explain to me how attribute routing will solve my problem with angular routing. — Fares Ayyad, Jan 06 '19 at 09:46

score 0 · Answer 1 · answered Jan 03 '19 at 13:27

Add following rewrite rule to your web.config

<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>

Hope this help you.

Configure MVC5 with angular4 routes

1 Answers1