如何mock數據

在之前前後端不分離的情況下，很多時候都要等到後端寫好接口，前端很多功能才
能開發，而前後端分離，前端無需等待，可以與後端並行開發，前端需要的數據
可以mock出來，利用nodejs再生成接口，可以直接調用，等後端開發出接口再來
更換。

在build的webpack.dev.conf.js裏修改

1.導入express

const express=require(express)

2.創建express實例

const app=express()

3.引入數據

var goods=require("../data/goods.json")
var ratings=require("../data/ratings.json")
var seller=require("../data/seller.json")
 

4.在本地開發環境devServer中調用before方法

devServer:{
    before(app){
        app.get(‘/api/goods‘,(req,res)=>{
            res.json(goods)
        },
        app.get(‘/api/ratings‘,(req,res)=>{
            res.json(ratings)
        },
        app.get(‘/api/seller‘,(req,res)=>{
            res.json(seller)
        }
    }
}
 

運行項目
可在http://localhost:8081/api/goods查看

如何mock數據