1.以vue为例,先搭建好脚手架,新建一个mock.js(里面写node服务代码)文件和mock文件夹,再新建一个getData.json(里面存放json数据)。
2.在当前项目目录里面安装npm install express --save-dev和npm install mockjs--save-dev
3.mock.js里面的代码
const express = require('express')
const Mock = require('mockjs')
const fs = require('fs')
const path = require('path')
const app = express()
const getJsonFile = (filePath) => {
const json = fs.readFileSync(path.resolve(__dirname, filePath), 'utf-8')
return JSON.parse(json)
}
app.use('/api/getData',(req,res)=>{
const json = getJsonFile('./mock/getData.json')
res.json(Mock.mock(json))
})
app.listen(3008)
4.getData.json里面的数据结构
{
"responseCode":"10001",
"responseMsg":"请求成功",
"data":{}
}
5.启动服务
node mock.js
6.打开浏览器输入http://localhost:3008/api/getData