使用Maven构建的jboss服务器中.war文件的角度路由问题

Question

I am creating a .war file and deploying in jboss server which is getting deployed successful. While I hit the url: http://localhost:8080/pickingorder It successfully redirect to index page but when I refresh the page or click to go to perform any other task the angular component doesn't loads. In short angular routing is somehow not working. Any help appreciated thanks in advance.

Attaching my Project structure screenshot ..

web.xml

<welcome-file-list>
            <welcome-file>/dist/client/index.html</welcome-file>
          </welcome-file-list>

jboss-web.xml:

<jboss-web>
        <context-root>pickingorder</context-root>
    </jboss-web>

app-routing.module.ts:

@NgModule({
      imports:
        [
          RouterModule.forRoot(routes, {
            initialNavigation: 'enabled', useHash: true, onSameUrlNavigation: 'reload'
          })
        ],
      exports: [RouterModule]
    })
    export class AppRoutingModule { }

index.html

<base href="/pickingorder/dist/client/">

pom.xml

Answer 1

Hi Finally I found the solution after trying lot of possibilities. I replace "href" tag to "routerLink" as below. Jboss doesn't understands the routing of Angular therefore 'Href' fails But there an way to handle in Angular using routerLink And it worked.

app.component.html : Old Code

   <ul class="dropdown-menu">
      <li><a href="pickingcreate">Create</a></li>
      <li><a href="pickingsearch">Search</a></li>
    </ul> 

app.component.html : Replaced Code

      <ul class="dropdown-menu">
          <li><a routerLink="pickingcreate">Create</a></li>
          <li><a routerLink="pickingsearch">Search</a></li>
        </ul>