Angular 5 - To deploy in IIS

Question

I am deploying an Angular app on an IIS server.

The web is displayed correctly, but when I refresh the browser it gives me a 404/500 (depends on base attribute setting and app.config) error.

In my index.html I have:

<base href = "/">

And my web.config:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <directoryBrowse enabled="true" />
          <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>
            <!--<defaultDocument>
            <files>
            <remove value="index.html" />
            <add value="index.html" />
            </files>
            </defaultDocument>-->  
    </system.webServer>
</configuration>

When in the browser I call the path, it looks correctly:

http://miweb.es/WebApp/index.html

In the angular router I have goes it to redirect me and it does well to this route:

http://miweb.es/WebApp/index.html/download

But, at this moment if I browser refresh it gives me the error 404/500 (depends on base attribute setting and app.config).

What am I doing wrong ?, thanks

Bansi29 · Accepted Answer · 2020-03-19 08:58:17Z

1

In your root routing file put { useHash: true }

@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],
  exports: [RouterModule]
})

answered Mar 19, 2020 at 8:58

Bansi29

1,0797 silver badges24 bronze badges

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

2 Comments

Eladerezador Over a year ago

Yes, I did change it, but it did not work for me, but I will try again maybe I have got a mistake, thanks

Eladerezador Over a year ago

Before I tried but I did not get it, now it has worked perfectly, thank you very much

Collectives™ on Stack Overflow

Angular 5 - To deploy in IIS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related