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

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

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

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

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

達(dá)到的效果：

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

實現(xiàn)步驟：

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

    //webpack.config.js

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

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

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

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

添加baseUrl = /mock

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

源碼地址

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

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/110014.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

Chao 2019-08-23 11:30 評論0 收藏0