Node.js angular 4更改主页url和组件
我有一个带有登录和注册页面的Angular 4应用程序,然后我们有这个界面来管理我的员工和类似的东西 我想在一个特定的页面(即登录页面)上启动我的应用程序,如:Node.js angular 4更改主页url和组件,node.js,angular,web,web-applications,Node.js,Angular,Web,Web Applications,我有一个带有登录和注册页面的Angular 4应用程序,然后我们有这个界面来管理我的员工和类似的东西 我想在一个特定的页面(即登录页面)上启动我的应用程序,如: http://localhost:4200/login 一旦启动并且URL中包含/login段,如何使登录页面出现 这是我的app.module.ts文件: import { UserService } from './user.service'; import { BrowserModule } from '@angular/pla
http://localhost:4200/login
一旦启动并且URL中包含/login段,如何使登录页面出现
这是我的app.module.ts
文件:
import { UserService } from './user.service';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule, MatCardModule, MatMenuModule, MatToolbarModule, MatIconModule, MatInputModule,MatAutocompleteModule } from '@angular/material';
import { MatFormFieldModule } from '@angular/material';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { UserComponent } from './user/user.component';
import { RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { LoginComponent } from './login/login.component';
// Define the routes
@NgModule({
declarations: [
AppComponent,
UserComponent,
HomeComponent,
LoginComponent
],
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
HttpModule ,
RouterModule.forRoot([
{
path: 'home',
component: HomeComponent
},
{
path: 'users',
component: UserComponent
}
{
path: 'login',
component: LoginComponent
}
]),
BrowserAnimationsModule,
MatButtonModule,
MatCardModule,
MatMenuModule,
MatToolbarModule,
MatIconModule,
MatInputModule,
MatFormFieldModule,
MatAutocompleteModule
],
providers: [UserService],
bootstrap: [AppComponent]
})
export class AppModule { }
在你的路线上试试这个
{ path: '**', redirectTo: '/login', pathMatch: 'full' }
使用空路径路由配置 加
{path:'',重定向到:'/login',pathMatch:'full'}
到您的路由。测试应用程序时,您运行的路径是否重要,或者部署应用程序时,应用程序运行的真正问题是什么?如果部署很重要,那么就有ng build--base href
来解决这个问题。如果您想设置某种默认路由,请查看此处:添加另一个路径:{path:'',重定向到:'/login',pathMatch:'full'}谢谢您的帮助:-)