角度模块href不起作用

Question

我有一个应用程序，该应用程序与 ng 服务器 (localhost:4200) 一起工作，但是当我使用命令 ng build --env prod --base-href / dashboard2 / 部署它时，根目录确实可以工作，但模块显示 404 错误。

import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

//Importar componentes
import { LoginComponent } from './login/login.component';
import { HomeComponent } from './home/home.component';
import { DashboardComponent } from './dashboard/dashboard.component';
import { UserProfileComponent } from './user-profile/user-profile.component';
import { CreateUserComponent } from './create-user/create-user.component';


const appRoutes: Routes = [
    {path:'', component: LoginComponent},
    {path:'dashboard', component: DashboardComponent},
    {path:'login', component: LoginComponent},
    {path:'user-profile',   component: UserProfileComponent },
    {path:'create-user', component:CreateUserComponent},
    {path:'home', component: HomeComponent},
    {path:'**', component: LoginComponent}
];

export const appRoutingProviders: any[] = [];

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

Answer 1

如果您使用PathLocationSTrategy（默认），则需要为令牌APP_BASE_HREF 指定基本标记和提供程序。您是否已将此行添加到 @NgModule 装饰器中？

providers: [{provide: APP_BASE_HREF, useValue: '/dashboard2'}]

APP_BASE_HREF 会影响路由器在应用内解析routerLink 和router.navigate() 调用的方式。



<base href="..."> 标签会影响浏览器在加载 <link>、<script> 和 <img> 等静态资源时解析 URL 的方式。

Answer 2

试试下面的命令：

ng build --prod --base-href /PROJECT_NAME/