如何mock資料

2021-08-28 12:01:30 字數 650 閱讀 4365

在之前前後端不分離的情況下,很多時候都要等到後端寫好介面,前端很多功能才

能開發,而前後端分離,前端無需等待,可以與後端並行開發,前端需要的資料

可以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 配...