.NET Core with Angular : How do I configure IIS for URL Rewriting in HTML5 mode?

Question

I have built an angular 6 application with .Net core 2.1 and deployed to azure server on IIS web server. The routing is working fine on localhost when refresh, but not working on azure server. I checked angular deployment guideline and added following code in web.config file

<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" />
        </conditions>
        <action type="Rewrite" url="/index.html" />
      </rule>
    </rules>
  </rewrite>
</system.webServer>

Now, I got into new problem. All the files now contains index.html content, instead of their respective file content.

What am I missing here? Do I need to make any changes to kestrel server

As I outlined in the answer, this rewrite is not necessary and doesn't work for ASP.NET Core. If your question is specific to ASP.NET Core's SPA Services / JavaScript Services, I suggest opening a question that includes your csproj and startup.cs — Martin Ullrich
– Martin Ullrich, Commented Sep 13, 2018 at 15:07

Martin Ullrich · Accepted Answer · 2018-09-13 15:06:25Z

2

This section of the angular guide does not apply to ASP.NET Core hosted Angular applications. Only for non-.NET or classic ASP.NET websites, a rewrite module definition is needed.

If you started your application based on ASP.NET Core's templates for angular or SPAs, you have rewriting / SPA fallback routes set up already.

I suggest starting from applications created with dotnet new angular -o MyAngularApp our using VS' angular templates (both use the same template packages).

answered Sep 13, 2018 at 15:06

Martin Ullrich

102k27 gold badges271 silver badges232 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

.NET Core with Angular : How do I configure IIS for URL Rewriting in HTML5 mode?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related