vue cli3.0 mock 後臺資料模擬
阿新 • • 發佈：2018-12-25
在模擬後臺資料的時候直接在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
})
});
},
}
}