在前後端同步開發的過程中,前期後臺接口出的沒那麼快,前端一般可以自己通過koa模擬後臺接口—前提時與後臺約定好數據格式。下面是如何用koa2模擬假數據接口的實現:
首先安裝個koa腳手架
npm install koa-generator -g
koa生成一個server目錄並安裝依賴
koa2 server && cd server&& yarn
新建個假數據目錄
mkdir mock
目錄
orderList的假數據長這樣
login.js裏的長這樣
const router = require('koa-router')()
let {page, keyInfo} = require('../config')
let data = require('../mock/orderList')
// router.prefix('/admin')
router.get('/admin/login', function (ctx, next) {
ctx.body = {
...page,
...keyInfo,
data
}
})
module.exports = router
然後app.js裏面的其它的不需要動,只是配置下路由就行
// routes
app.use(index.routes(), index.allowedMethods())
app.use(users.routes(), users.allowedMethods())
app.use(login.routes(), login.allowedMethods())
好了,接下來
yarn run dev
// 或者
yarn run start
// 都行,一個時修改熱加載,一個要重啓,看需求
打開瀏覽器 輸入localhost:3000/admin/login
代理地址設置爲lcoalhost:3000就ok了