例如,在Node.js上使用Express框架:
const express = require('express');
const app = express();
// 路由配置
app.get('/', (req, res) => {
res.send('Hello World!');
});
// 所有其他路由都会导向404错误页
app.use((req, res) => {
res.status(404).send('404 Not Found');
});
// 启动服务器
app.listen(3000, () => {
console.log('Server started!');
});
例如:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'about', component: AboutComponent },
// 其他路由配置
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
例如,在模板中使用routerLink
:
Home
About
也可以使用JavaScript代码实现:
import { Router } from '@angular/router';
// ...
constructor(private router: Router) { }
navigateToHome() {
this.router.navigate(['/']);
}
navigateToAbout() {
this.router.navigate(['/about']);
}