前端Mock数据

本地mock

在webpack中配置
//npm i express -D
// 创建⼀个server.js 修改scripts "server":"node
server.js"


//server.js
const express = require('express')
const app = express()
app.get('/api/info', (req,res)=>{
 res.json({
 name:'hello',
 age:88,
 msg:'创建成功'
 })
})
app.listen('9092')
//node server.js   启动node文件

mock.js

安装

npm install mockjs

使用

Mock.mock( rurl, template )
记录数据模板。当拦截到匹配 rurl 的 Ajax 请求时，将根据数据模板 template 生成模拟数据，并作为响应数据返回。

data.json是模板

mockServer提供接口数据

main.js中引入

使用

最后

使用Charles软件 (一个抓包工具)

直接访问 http//www.abc.com/api/list 就可以获取你在local path 设置的文件内容了