从0到1用react+antd+redux搭建一个开箱即用的企业级管理后台系列(基础篇) (3)

根目录下创建mock文件夹,新建server.js文件 ,这里我使用express开启一个node服务

const express = require('express') const app = express() const port = 3001 app.use(express.json()) app.use(express.urlencoded({ extended: false })) app.get('http://www.likecs.com/', (req, res) => { res.send('Hello World!') }) // 加载路由 app.use('/api', require('./test')) app.listen(port, () => { console.log(`mock server listening at :${port}`) })

接口路由,返回mock数据

var express = require('express') var router = express.Router() // var Mock = require('mockjs') router.get('/hello', function (req, res) { res.json({ user: 'hello' }) }) router.get('/mock', function (req, res) { console.log(req.body) var data = Mock.mock({ top_search: { 'words|10': [ { query: '一人之下', display_query: '《一人之下》565' } ] } }) return res.json(data) }) module.exports = router

访问mock接口数据

"scripts": { "mock": "nodemon ./mock/server.js", },

我们在scripts下添加一个mock脚本命令,执行yarn mock就能开启mock服务,例如访问上面接口:3001/api/mock

文章最后

本文作者阿健Kerry,货拉拉高级前端工程师,转载请注明出处。如果觉得本文对你有帮助,记得点赞三连哦,也可以扫码关注我新建立的前端技术公众号【有你前端】,之后我所有文章会同步发到这个公众号上面。另外,我建了一个可以帮助咱们程序员脱单的公众号,每周都会推送几个优秀的单身小姐姐,如果你是程序员技术好又正好是单身,那你可以下面扫码关注【缘来你是程序猿】公众号开启你的脱单之旅。

从0到1用react+antd+redux搭建一个开箱即用的企业级管理后台系列(基础篇)

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwxyxs.html