vue项目实现mock数据

1 我们设置mock数据,主要是依靠webpack给我们自动安装的express组件,而且设置这些数据的时候,只需要在 build 文件夹下的 webpack.dev.conf.js 文件中。

2 我们首先应该引入 express组件 和 data.json 数据文件data,json文件为返回的数据的json文件,也可以不引入,直接在后面写,我就没有引入data,json文件,具体代码如下:

const express = require('express')

const app = express()

const apiRoutes = express.Router()

app.use('api', apiRoutes)

// 如需单独引入data.json文件,代码如下

let appDate = require('../data.json')

3 完成上面的工作之后,我们找到 devServer 这个对象

找到devServe这个配置项添加一个对象,里面就是自己写的返回的接口和数据

app.get('/api/seller', (req, res) => { res.json({ errno: 0, data: {name:12321',title:"456"} }) }),

4 记得一定要重启项目,这些配置才能生效!!!!。

5 完成。

猜你喜欢

转载自www.cnblogs.com/bride/p/10688376.html