實際工作中前後端分離的情況下，前後端達成介面協議，前端往往需要根據介面文件mock資料。這些資料基本都是靜態資料，有的可能是寫死在**中，等到後端開啟服務除錯再替換這部分mock資料，有的可能是讀取靜態json、js等檔案獲取mock資料，實現頁面效果，但是實際呼叫介面和讀取檔案獲取mock資料，兩種方式是存在差異的，正式與後端對接介面時又需要調整**。那我就想能不能直接在dev環境下直接呼叫介面的時候就調取到mock資料，而在不修改任何**的情況下直接build，打包出來的頁面請求的就是正式介面呢。
為了高效快捷的開發，我搭建了乙個vue+mock的demo，最主要的就是解決了以上提到的問題。
這邊提供一下我的思路：把所有介面寫入配置檔案。在dev模式下，node啟動webpack時，通過webpack讀取到介面配置，並做好介面**。然後通過node的環境變數來識別環境。若是dev環境把所有介面的host換成本地host，這樣請求介面直接進入介面**，通過**獲取mock資料。若是pro環境則直接請求配置檔案中的正式介面。
以下截圖分別為mock配置，請求介面，以及dev環境下介面返回結果。
另外此demo還配置了一鍵啟用，自由切換是否mock資料，以及對未啟用mock資料直接除錯介面自動做了跨域**，方便大家在實際開發中更好更快的開發。
ubuntu使用 高效快捷鍵
桌面快捷鍵 alt f1 聚焦到桌面左側任務導航欄，可按上下鍵導航。alt f2 執行命令 alt f4 關閉視窗 alt tab 切換程式視窗 alt 空格 開啟視窗選單 print 桌面截圖 super 開啟dash面板，可搜尋或瀏覽專案，預設有個搜尋框，按 下 方向鍵進入瀏覽區域 super鍵...
vue如何高效使用
一 如何讓自己的 看起來舒服 1 個人理解，在專案中，首先coding style是必須的。2 為了便於維護，新建乙個api層，專門用來封裝對後台的請求 3 使用store的時候，看專案的大小，若小的話可以不使用module,actions專門用來處理api請求。4 新建乙個util，專門用來封裝用...
c語言注釋快捷鍵 程式設計師的高效快捷鍵推薦
alt d 返回主桌面 alt f4 關閉程式 alt esc 使用前視窗最小化 alt shift n新建乙個文件 alt tab切換視窗 alt 上下箭頭移動當前行 alt f開啟檔案選單 alt v開啟檢視選單 alt i開啟插入選單 alt x關閉c語言 shift alt enter切換全...