Angular2-Dart PathLocationStrategy

Question

刷新使用HashLocationStrategy的angular2 dart頁面可以正常工作，因爲它可以打開完全相同的視圖。

使用PathLocationStrategy刷新頁面 - 將tomcat服務器配置爲提供index.html - 適用於不帶參數的url，但不適用於帶參數的url。

本地主機：8090 /菜單1 //刷新工作
本地主機：8090/MENU2/paramVal //不會刷新

tomcat的web.xml中有

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

main.dart

main() { 
     bootstrap(AppComponent, [ 
     ROUTER_PROVIDERS, 
     provide(APP_BASE_HREF, useValue: '/')]); 
} 

app_component.dart

import 'package:angular2/core.dart'; 
import 'package:angular2/router.dart'; 
import 'package:angular2/angular2.dart'; 
import 'package:mboxes/menu1.dart'; 
import 'package:mboxes/menu2.dart'; 

@Component(
    selector: 'my-app', 
    templateUrl: 'app_component.html', 
    directives: const [ROUTER_DIRECTIVES], 
    providers: const[ROUTER_PROVIDERS, ]) 

@RouteConfig(const [ 
    const Route(
     path: '/menu1', 
     name: 'Menu1', 
     component: Menu1Component, 
     useAsDefault: true), 
    const Route(
     path: '/menu2/:param', name: 'Menu2', component: Menu2Component) 
]) 
class AppComponent {} 

app_component.html

<div class="container"> 
    <nav> 
     <ul> 
      <li> 
       <a [routerLink]="['Menu1']">Menu1</a> 
      </li> 
      <li> <a [routerLink]="['Menu2', {'param':'paramVal'}]">Menu2</a> </li> 
     </ul> 
    </nav> 

    <div style="padding-left: 200px; padding-top: 200px; padding-bottom: 50px"> 
    <router-outlet></router-outlet> 
    </div> 
</div> 

menu1.dart

import 'package:angular2/core.dart'; 
import 'package:angular2/router.dart'; 
@Component(
    selector: 'menu1', 
    template: ''' menu 1 was clicked ''' 
) 
class Menu1Component {} 

menu2.dart

import 'package:angular2/core.dart'; 
import 'package:angular2/router.dart'; 
@Component(
    selector: 'menu2', 
    template: ''' menu 2 was clicked''' 
) 
class Menu2Component implements OnInit { 
    final RouteParams _routeParams; 
    Menu2Component(this._routeParams); 
    ngOnInit() { 
    var val = _routeParams.get('param'); 
    print ("passed param is " + val); 
    } 
} 

Answer 1

而不是使用404服務index.html的我想你想建立的servlet-mapping類似<url-pattern>*</url-pattern>

另請參閱Tomcat servlet, redirect all urls to a single webpage