我使用angular-cli构建了项目 我的路线看起来像这样:
export const routes: RouterConfig = [
{ path: 'users', component: UsersComponent, canActivate: [AuthGuard] },
{ path: 'users/new', component: NewUsersComponent, canActivate: [AuthGuard] },
{ path: 'users/edit', component: EditUsersComponent, canActivate: [AuthGuard] },
];
export const APP_ROUTER_PROVIDERS = [
provideRouter(routes),
AuthGuard
];
如果我在http://localhost:4200/users
刷新页面,则没有问题。
如果我点击http://localhost:4200/users/new
或http://localhost:4200/users/edit
中的刷新页面,我会得到一个Erros的世界:
GET http://localhost:4200/users/assets/css/styles.css
new:31 GET http://localhost:4200/users/vendor/es6-shim/es6-shim.js
new:31 GET http://localhost:4200/users/vendor/reflect-metadata/Reflect.js
new:31 GET http://localhost:4200/users/vendor/zone.js/dist/zone.js
.... etc....
否则该应用程序正常工作 为什么会发生这种情况,我该如何解决?