30天精通Nodejs--第十七天:express-路由配置

目录

引言

上篇文章我们简单介绍了express的基础用法,包括express的安装、创建路由及项目启动,对express有了一个基础的了解,这篇开始我们将详细介绍express的一些高级用法。

本篇文章介绍express的路由配置的用法。

基础路由配置

上篇文章中我们在hello world中写了一个简单的get请求,除了get请求方式,还支持post、put、delete。

js 复制代码
const express = require('express')
// 创建express应用
const app = express()
// 占用端口号
const port = 3000

// 创建一个接口,访问路径为'/'
app.get('/', (req, res) => {
    res.send('Hello World!')
})

// 创建一个接口,访问路径为'/'
app.post('/login', (req, res) => {
    const userName = req.body.name
    // 这里可以处理用户创建逻辑
    res.json({ message: `${userName}登录成功` });
})

// 将应用绑定到端口号
app.listen(port, () => {
    console.log(`应用占用的端口: ${port}`)
})

浏览器无法直接发送除了get以外的其他请求,所以我们使用postman进行测试

路由参数与查询参数

Express支持在路由路径中定义动态参数,这些参数会被作为属性添加到req.params对象上:

js 复制代码
// 动态路由参数
app.get('/users/:userId', (req, res) => {
    const userId = req.params.userId;
    // 根据userId获取并返回用户信息
    res.json({message: `用户id:${userId}`})
});

// 查询参数(query params)
app.get('/search', (req, res) => {
    const q = req.query.q; // 获取查询参数q
    // 根据searchTerm执行搜索操作
    res.json({message: `查询参数:${q}`})
});


路由前缀与子路由

为了更好地组织项目结构,Express允许通过express.Router()创建可嵌套的路由实例,用于实现具有共同前缀的路由集合或二级路由:

首先我们创建一个子路由文件user.js

js 复制代码
const express = require('express')
const router = express.Router();

router.get('/', (req, res) => {

    res.json({message: 'user get 请求'})
}); // /catalog
router.post('/search', (req, res) => {
    res.json({})
});


module.exports = router

在index.js添加如下代码:

js 复制代码
app.use('/user', require('./user'))

这样所有/user前缀的请求都会路由到user.js里面

路由重定向

Express还支持路由间的重定向:

js 复制代码
// 重定向路由
app.get('/old-path', (req, res) => {
    res.redirect(301, '/user'); 
});

请求/old-path的接口会被重定向到/user

结语

Express的路由配置提供了灵活且强大的方式来构建复杂的Web应用,包括但不限于处理不同类型的HTTP请求、管理动态路径参数、以及组织多个层级的路由结构。通过对路由配置的深入了解和实践,你可以更高效地设计和维护你的Node.js Express应用程序。

Express 模块的更多用法可以查阅官方文档

切记:多写代码。

在接下来的文章中,我们将继续深入探讨Node.js的各个方面。

大家有任何问题都可以在评论区留言交流,相互学习!

相关推荐
Z3r4y1 天前
【Web】portswigger 服务端原型污染 labs 全解
javascript·web安全·nodejs·原型链污染·wp·portswigger
前端 贾公子2 天前
Express内置的中间件(express.json和express.urlencoded)格式的请求体数据
中间件·json·express
泯泷2 天前
老手机翻新!Express. js v5.0中的新功能
前端·后端·express
读心悦3 天前
express,生成用户登录后的 token
express
Amd7944 天前
Nuxt.js 应用中的 app:redirected 钩子详解
认证·日志·nuxt.js·ssr·重定向·钩子·示例
itas1094 天前
Electron获取nodejs和chrome版本信息
javascript·chrome·electron·nodejs·node
悦涵仙子4 天前
创建Express后端项目
前端·javascript·express
henan程序媛6 天前
jenkins部署Maven和NodeJS项目
运维·jenkins·maven·nodejs
MavenTalk7 天前
2024前端技术发展概况
前端·vue·nodejs·react·angular·大前端