एंगुलर थ्रो में रूट 404 संसाधन रिफ्रेश होने पर उपलब्ध नहीं है

मैंने ng build --prod --base-href=/myapp/ का उपयोग करके निर्मित टॉमकैट में अपना कोणीय एप्लिकेशन तैनात किया, जब मैं [routerLink]="['/home'] का उपयोग करके http://localhost:8083/myapp/home जैसे विशिष्ट मार्ग तक पहुंचने का प्रयास करता हूं तो यह ठीक काम करता है, लेकिन जब पृष्ठ को रीफ्रेश करने का प्रयास करें या सीधे पहुंचें http://localhost:8083/myapp/home ब्राउज़र से, मुझे HTTP Status 404 The requested resource [/myapp/home] is not available मिलता है, नीचे मेरा रूटिंग कॉन्फ़िगरेशन है:

const routes: Routes = [
  { path: 'myapp', redirectTo: "/home", pathMatch: "full" },
  { path: 'home', component: HomeComponent }
];

अपडेट करें:

मैंने टॉमकैट में कॉन्फ़िगरेशन के नीचे जोड़ा है, और 404 त्रुटि समाप्त हो गई है, लेकिन अब जब मैं पृष्ठ को रीफ्रेश करता हूं तो मुझे डिफ़ॉल्ट मार्ग पर रीडायरेक्ट किया जाता है जो myapp है, जबकि मुझे वर्तमान मार्ग पर रीडायरेक्ट किया जाना चाहिए :

<error-page> 
    <error-code>404</error-code>
    <location>/index.html</location>
</error-page>