angular Deployment issue with tomcat

I am using this in “app.module.ts” (check this link where I got some help: "https://medium.com/tinywave/angular-6-404-error-during-refresh-after-deployed-8cec7140b584")

import { HashLocationStrategy, LocationStrategy  } from '@angular/common';

providers: [
            {provide : LocationStrategy , useClass: HashLocationStrategy}
           ],

After that import, the site works well and call the spring services, but, I have a reload for CRUD in the same page and there is the same thing.

Just copy all these files and paste them in /angular folder under /webapps folder in tomcat.

Once copied, fire up the server and visit localhost:8080/angular/index.html and our bikes app should be seen running.

=====OR=======

Open the index.html file, replace the base-href=”/angular/” with base-href=”.” and restart the tomcat and access the url.

Or

For each of the script tag, in src tag add “angular/” e.g.

All doing any of the change suggested, refresh the page in browser. Error will be gone.

The application deep links will not work without the redirect rule on the server. All the deep links have to redirect to the application index.html by the server.

To setup the tomcat to redirect any deep links -

1. Configure the RewriteValve in server.xml
2. Write the rewrite rule in rewrite.config

1. Configure the RewriteValve in server.xml

Edit the ~/conf/server.xml to add the below Valve inside the Host section as below –

...
      <Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">

        <Valve className="org.apache.catalina.valves.rewrite.RewriteValve" />

...
      </Host>
...

2. Write the rewrite rule in rewrite.config

Create directory structure – ~/conf/Catalina/localhost/ and create the rewrite.config file inside it with the below content –

RewriteCond %{REQUEST_PATH} !-f
RewriteRule ^/login/(.*) /login/index.html

After setting this up restart the tomcat server and you can hit the deep links of the application which will route to the correct components inside the angular application.

You can refer to this post for more details.