美文网首页
express的Router的使用demo

express的Router的使用demo

作者: 浅浅_2d5a | 来源:发表于2021-08-04 17:36 被阅读0次

    创建routes文件夹,根据功能将接口分为不同的文件
    orderRouter.js

    const express = require('express');
    let router = express.Router();
    router.get('/',function (req, res) {
        res.send('订单首页');
    });
    router.get('/:id',function (req, res) {
        res.send(`订单详情`);
    });
    module.exports = router;
    

    userRouter.js

    var express = require('express');
    let router = express.Router();
    router.get('/',function (req, res) {
        res.send('用户首页');
    });
    router.get('/:id',function (req, res) {
        res.send(` 用户信息`);
    });
    module.exports = router;
    

    index.js

    const express = require('express');
    let app = express();
    //添加两个路由到应用上
    app.use('/users', require('./routes/userRouter'));
    app.use('/order', require('./routes/orderRouter'));
    //如果接口地址不对,进入这里404判断
    app.use(function (req, res) {
        res.send('404');
    });
    app.listen(3000);
    

    html中调用接口

            ajax('http://127.0.0.1:3000/users55').then( (res) => {
                console.log("用户首页",res) //404
            })
            ajax('http://127.0.0.1:3000/users/11').then( (res) => {
                console.log("用户信息",res)
            })
            ajax('http://127.0.0.1:3000/order').then( (res) => {
                console.log("订单首页",res)
            })
            ajax('http://127.0.0.1:3000/order/11').then( (res) => {
                console.log("订单详情",res)
            })
    

    与普通的express().get()的区别
    1、根据不同功能,利用express.Router()中的get去创建接口,导出不同功能接口模块
    2、通过express().use()对功能接口进行接口路径拼接
    3、页面调用接口,需要加上use中拼接的第一个参数

    相关文章

      网友评论

          本文标题:express的Router的使用demo

          本文链接:https://www.haomeiwen.com/subject/vcwuvltx.html