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 完成。

转载于:https://www.cnblogs.com/bride/p/10688376.html