Angular App routerlinks在开发人员中工作正常,但在生产中却没有?

时间:2019-02-07 08:30:27

标签: angular typescript

每当我运行npm start命令时,我的角度都可以正常工作。

但是当我尝试以“ prod” 模式构建它时,我的应用程序什么也不做。 它只显示静态页面。

所有导航链接均停止工作

package.json

{
  "name": "srm-roster",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxyconfig.json --port 5555",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~7.0.0",
    "@angular/cdk": "~7.0.3",
    "@angular/common": "~7.0.0",
    -- so on --
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.10.0",
    "@angular/cli": "~7.0.3",
    "@angular/compiler-cli": "~7.0.0",
    "@angular/language-service": "~7.0.0",
    "@types/node": "~8.9.4",
    -- so on --
  }
}

这是我的 app-routing.module.ts 的外观

const routes: Routes = [
  {
    path: 'dashboard',
    component: DashboardComponent
  }, {
    path: 'rostertable',
    component: RostertableComponent
  }, {
    path: '**',
    redirectTo : 'dashboard'
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

1 个答案:

答案 0 :(得分:1)

最后我找到了解决方法。

我刚刚将我的dist/project_name文件夹移到Xampp / htdocs中,它开始工作。

我在此link

中找到了问题的答案