搭建一個好用的API Mock服務

Lin_YT 發布于2019-08-26 14:05 / 731人閱讀

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

上篇文章講述了怎么用Node實現一個API服務

現在開始講述如何搭建一個好用的API Mock服務

達到的效果：

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

實現步驟：

通過Webpack設置代理。

    //webpack.config.js

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

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

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

判斷當前環境(如process.env.NODE_ENV == "development")

添加baseUrl = /mock

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

源碼地址

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/110014.html

搭建簡單的偽熱更新Mock服務

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

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

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

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

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

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

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

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

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

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