Question

您好，感谢您抽出宝贵时间阅读本文。我正在尝试为基本应用程序配置url，而我无法弄清楚这是在哪里完成的。

我想称之为路由，但我知道这不是正确的话，所以让我对我想要做的事情做一些解释。我们得到了一个MVC应用程序的模板，它允许我们将角度2添加到应用程序中，从Visual Studio中运行得很好，我们在IIS中部署到它自己的网站中。我们将其移至默认网站，它不再有效。

现在说了所有这些我可以解释问题是什么，浏览器正在localhost/Test/访问该应用程序，但当它尝试下载app.component.ts所有其他应用时，它会尝试转到localhost/app/app.component.js而不是localhost/Test/app/app.component。现在我的问题是：我在哪里配置url转到localhost。测试 / app ...？

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

import { LoginComponent } from './components/login/login.component';
import { GenerateComponent } from './components/generate/generate.component';
import { NewuserComponent } from './components/newuser/newuser.component';
import { NewlocationComponent } from './components/newlocation/newlocation.component';

const appRoutes: Routes = [
    { path: '', redirectTo: 'login', pathMatch: 'full' },
    { path: 'login', component: LoginComponent },
    { path: 'generate', component: GenerateComponent },
    { path: 'newuser', component: NewuserComponent },
    { path: 'newlocation', component: NewlocationComponent }
];

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

Answer 1

您需要在angular-cli上设置deploy-url选项。

Check the docs

您可以按照以下方式执行此操作

对于serve命令ng serve -d /test/

对于build命令ng build -d /test/

以角度4配置URL路径

1 个答案: