3.express路由

1.express中的路由

其实路由就是映射关系，在前面的学习中，我们给不同的请求方式，不同的url请求地址设置了各自的处理函数，这就是express中的路由概念，即请求和处理函数之间的映射关系。

其中 METHOD 就是网络请求的方式，其取值可以有：

• all
• get
• post
• put
• delete
• options
• head
• patch
• trace
• connect
• copy
• purge
• lock
• unlock
• mkcol
• move
• propfind
• report

  路由的匹配过程

  

  2.路由的使用

  1-最简单的使用（很少用，不专业）

  就是直接用app对象来设置路由，和之前学习的一样。
  
  但是这样会导致一个问题，就是一旦路由越来越多就会造成文件越来越大，所以我们一般不会把路由直接挂载的app对象上

2-模块化路由（常用，专业，模块化）

看到这个步骤，学习过 vue-router 的应该都觉得有点眼熟吧，好像vue中也是这样用模块化的方式处理路由的，而且步骤还差不多，看来vue-router中也有借鉴express处理路由的方式，学习了模块化的思想，那路或多。

具体实现

// 这是路由模块 src/router.js
// 1.导入 express
const express = require("express")
// 2.创建路由对象
const router = express.Router()
// 3.挂载具体的路由
router.get('/', (req, res) => {
  // get请求用于获取信息（网页，静态资源，数据）
  res.send('获取首页')
})
router.post('/add', (req, res) => {
  // post请求用于向服务器提交一个修改（增删改查）
  res.send('添加一个新的条目')
})
// 4.向外导出路由对象
module.exports = router

// 这是app实例
// 普通的路由就是直接挂载到app对象上的，但这会导致文件过大，所以我们使用模块化路由的方式
const express = require('express')
const app = express()
// 1.导入路由模块
const router = require('./router')
// 2.注册路由模块
app.use(router)
// 注意：app.use() 函数的作用，就是来注册全局中间件的
app.listen(80, () => {
  console.log('服务器已启动');
})

现在我们再来看看vueRouter的处理方式，你会惊奇的发现，几乎一摸一样。

// router/index.js
// 1.导入vue-router
import { createRouter,createWebHistory } from 'vue'
// 2.创建路由对象
const router = createRouter({
  routes: [
    // 3.具体的路由表...
  ],
  history: createWebHistory()
})
// 4.向外导出路由对象
export default router

// main.js
import { createApp } from 'vue'
const app = createApp()
// 1.导入路由模块
import router from '@/router/index.js'
// 2.注册路由模块
app.use(router)

3.为路由模块添加统一前缀