美文网首页
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

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

  • 写个express Router的小demo

    用express Router就可以更简单地管理我们的app routes.跟着我一起做个小demo demo目录...

  • Node连接Mongodb

    var express =require('express');var router =express.Route...

  • express route的用法

    express route的用法 直接使用app.METHOD 使用router 这里需要注意的是'app.use...

  • router

    var router = express.Router([options]) router的方法基本上和app的方...

  • express router和Vue router

    1、express的router是属于后端的,Vue的router是属于前端的2、服务端渲染时,express的r...

  • express封装router

    将所有的路由单独提取成一个router.js文件引入express中提供的Router将app替换成express...

  • express的最简单测试使用

    express是一个node.js的web框架,也是一个npm包 express的使用 0、写demo前的准备工作...

  • 第二节:Node+Express部署

    1.通过express命令创建一个新的Express 工程目录 express-router,命令如下: 2.进入...

  • node使用express路由router

    在网上找了很多人都 express路由描述都没看懂,后面看了官网的birds案例终于搞懂了~ 新建一个路由的文件夹...

网友评论

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

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