vue cli3.0 mock 后台数据模拟

在模拟后台数据的时候直接在vue.config.js文件中修改、

vue-cli3.0 追求0配置,所以可能没有vue.config.js文件,自己添加该文件,复制以下保存即可,更多配置请进官网Vue CLI 3配置查询

//第一步 在vue.config.js中添加

const express = require('express')

const mockdata = require('./data.json');//数据文件路径,请根据实际修改

 

const seller = mockdata.seller

const goods = mockdata.goods

const ratings = mockdata.ratings

const app = express()//请求server

var apiRoutes = express.Router()

app.use('/api', apiRoutes)//通过路由请求数据

//第二步:在module.exports中找到devServer,在里面加上before()方法,如果没有devServer,自己添加

//app中的数据自己定义

module.exports = {

devServer: {

port: 8082,

before(app) {

app.get('/seller', (req, res, next) => {

res.json({

errno: 0,

data: seller

})

});

app.get('/goods', (req, res) => {

res.json({

errno: 0,

data: goods

})

});

app.get('/ratings', (req, res) => {

res.json({

errno: 0,

data: ratings

})

});

},

}

}

猜你喜欢

转载自blog.csdn.net/TIANDI0808/article/details/84482472