在之前前後端不分離的情況下,很多時候都要等到後端寫好介面,前端很多功能才
能開發,而前後端分離,前端無需等待,可以與後端並行開發,前端需要的資料
可以mock出來,利用nodejs再生成介面,可以直接呼叫,等後端開發出介面再來
更換。
在build的webpack.dev.conf.js裡修改
1.匯入express
const express=require(express)
2.建立express例項
3.引入資料
var goods=require("../data/goods.json")
var ratings=require("../data/ratings.json")
var seller=require("../data/seller.json")
4.在本地開發環境devserver中呼叫before方法
devserver:,
res.json(ratings)
},res.json(seller)}}
}
執行專案
可在http://localhost:8081/api/goods檢視
Mock 資料模擬
實現請求路由對映 資料介面 到生產或者測試環境 能渲染模板很簡單,在mock server中整合模板引擎就行了,然後提供模擬的頁面資料用於完整渲染頁面,不過有時候生產環境中的模板引擎可能有一些環境依賴的擴充套件,這個要單獨實現。請求路由對映,實現原理就是要讓本地的mock server有乙個rout...
antd pro中如何使用mock資料以及呼叫介面
antd pro的底層基礎框架使用的是dva,dva採用effect的方式來管理同步化非同步 在dva中主要分為3層 services models components models層用於存放資料以及對資料進行操作,services層呼叫請求後台介面的方法,components層用於書寫頁面邏輯 ...
前端mock資料初學
此方法最為簡便,下圖為easy mock的截圖 例如在 vue cli專案中,可以在vue.config.js中配置 open false,host 0.0.0.0 允許外部ip訪問 port 8022,埠 https false,啟用https overlay 錯誤 警告在頁面彈出 proxy 配...