搭建一個(gè)好用的API Mock服務(wù)

Lin_YT 發(fā)布于2019-08-26 14:05 / 803人閱讀

摘要：上篇文章講述了怎么用實(shí)現(xiàn)一個(gè)服務(wù)現(xiàn)在開始講述如何搭建一個(gè)好用的服務(wù)達(dá)到的效果在開發(fā)環(huán)境中就可以在后面添加參數(shù)來(lái)實(shí)現(xiàn)數(shù)據(jù)，沒(méi)有該參數(shù)就訪問(wèn)正常數(shù)據(jù)，且不會(huì)對(duì)測(cè)試環(huán)境和生產(chǎn)環(huán)境造成任何影響實(shí)現(xiàn)步驟通過(guò)設(shè)置代理。

上篇文章講述了怎么用Node實(shí)現(xiàn)一個(gè)API服務(wù)

現(xiàn)在開始講述如何搭建一個(gè)好用的API Mock服務(wù)

達(dá)到的效果：

在開發(fā)環(huán)境中就可以在url后面添加?ismock=1參數(shù)來(lái)實(shí)現(xiàn)數(shù)據(jù)mock，(沒(méi)有該參數(shù)就訪問(wèn)正常數(shù)據(jù))，且不會(huì)對(duì)測(cè)試環(huán)境和生產(chǎn)環(huán)境造成任何影響

實(shí)現(xiàn)步驟：

通過(guò)Webpack設(shè)置代理。

    //webpack.config.js

    proxy: {
        "/mock": {
            target: "mock",
            changeOrigin:true,
            pathRewrite: {
                "^/mock": ""
            }
        }
    }

攔截請(qǐng)求(比如Axios自帶的攔截器)

判斷url參數(shù)(如?ismock=1)

判斷當(dāng)前環(huán)境(如process.env.NODE_ENV == "development")

添加baseUrl = /mock

在webpack的壓縮處理中刪除不可達(dá)代碼（見(jiàn)webpack配置表）

源碼地址

GPU云服務(wù)器云服務(wù)器好用的云服務(wù)器搭建如何搭建一個(gè)自己的服務(wù)器怎樣搭建一個(gè).com的網(wǎng)站怎么搭建一個(gè)自己的視頻網(wǎng)站

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/110014.html

相關(guān)文章

搭建簡(jiǎn)單的偽熱更新Mock服務(wù)

前言剛開始接觸vue-cli，發(fā)現(xiàn)用它生成的框架代碼是缺少M(fèi)ock模擬的，于是自己摸索了許久，將自己的摸索的結(jié)果通過(guò)過(guò)程記錄下來(lái)，希望對(duì)別人有所幫助，能少走彎路。這不是關(guān)于vue-cli的，是單純的模擬數(shù)據(jù)服務(wù)這不是關(guān)于vue-cli的，是單純的模擬數(shù)據(jù)服務(wù)這不是關(guān)于vue-cli的，是單純的模擬數(shù)據(jù)服務(wù) 同時(shí)希望獲得更好的解決方案，有更好方案的不要吝嗇分享啊。實(shí)現(xiàn)目標(biāo) 1.ajax數(shù)據(jù)模...

morgan 2019-08-21 18:37 評(píng)論0 收藏0
手摸手，帶你用vue擼后臺(tái) 系列五(v4.0新版本)

摘要：同時(shí)增加了單元測(cè)試，使用了，增加了可視化配置權(quán)限，增加了自定義布局等等，優(yōu)化了原先的權(quán)限方案，支持不刷新頁(yè)面更新路由等等功能。雖然它的初衷是為了單元測(cè)試的，但正好滿足了我們的需求。它會(huì)重寫瀏覽器的對(duì)象，從而才能攔截所有請(qǐng)求，代理到本地。前言 vue-element-admin 從 2017.04.17提交第一個(gè) commit 以來(lái)，維護(hù)至今已經(jīng)有兩年多的時(shí)間了了，發(fā)布了四十多個(gè)版本，...

MonoLog 2019-08-26 13:43 評(píng)論0 收藏0
手摸手，帶你用vue擼后臺(tái) 系列五(v4.0新版本)

摘要：同時(shí)增加了單元測(cè)試，使用了，增加了可視化配置權(quán)限，增加了自定義布局等等，優(yōu)化了原先的權(quán)限方案，支持不刷新頁(yè)面更新路由等等功能。雖然它的初衷是為了單元測(cè)試的，但正好滿足了我們的需求。它會(huì)重寫瀏覽器的對(duì)象，從而才能攔截所有請(qǐng)求，代理到本地。前言 vue-element-admin 從 2017.04.17提交第一個(gè) commit 以來(lái)，維護(hù)至今已經(jīng)有兩年多的時(shí)間了了，發(fā)布了四十多個(gè)版本，收獲了三...

graf 2019-05-21 19:33 評(píng)論0 收藏0
??軟件測(cè)試經(jīng)典10題（含解析）軟件測(cè)試行業(yè)，去大公司還是小公司好？??

年輕人都會(huì)犯的3個(gè)職場(chǎng)錯(cuò)誤，你有幾個(gè)？測(cè)試人員如何才能快速成長(zhǎng)？軟件測(cè)試行業(yè)，去大公司還是小公司好？同學(xué)們可以用這 10 道題目，找到自己的薄弱點(diǎn)，對(duì)癥下藥哦。我的建議是：你們可以拿出紙筆，寫下這 10 道題的答案，然后再與文末的答案進(jìn)行對(duì)照~ 選擇題 1. （單選）當(dāng)需要對(duì)某個(gè)系統(tǒng)進(jìn)行測(cè)試的時(shí)候，應(yīng)該從哪些方面來(lái)設(shè)計(jì)測(cè)試用例？ A. 功能驗(yàn)證 B. 性能相關(guān)的驗(yàn)證 C. 兼容性相關(guān)的驗(yàn)...

zhunjiee 2021-09-02 15:41 評(píng)論0 收藏0
vue+axios+mock.js環(huán)境搭建

摘要：如果你不熟悉也沒(méi)關(guān)系，我將一步一步教你如何在前端項(xiàng)目中使用來(lái)構(gòu)建一個(gè)模擬假數(shù)據(jù)環(huán)境。例如代表的含義。文件最后將方法暴露出去給具體請(qǐng)求調(diào)用即可具體頁(yè)面調(diào)用引入使用處理返回在前后端分離開發(fā)模式下，前端項(xiàng)目通常在項(xiàng)目構(gòu)建初期需要使用假數(shù)據(jù)以及相應(yīng)的http請(qǐng)求來(lái)進(jìn)行輔助開發(fā)，例如在后端接口還沒(méi)開發(fā)好下，我們可以模擬http請(qǐng)求以及數(shù)據(jù)來(lái)進(jìn)行前端的axios封裝,接口設(shè)計(jì)，對(duì)http狀態(tài)碼處...

Chao 2019-08-23 11:30 評(píng)論0 收藏0