在開發中，我們經常會需要對接口進行聯調溝通，然而這是在整個開發周期中最占用時間的一塊。尤其最近在接手一個項目中，采用前后端分離開發的模式，寫前端的同學完全不懂后臺代碼（對，我們之前都是一個人寫前后端所有相關的代碼滴?。涌诮洺Ｐ孕枰M行調整，基本就是重復溝通，重復浪費時間。于是我決定在項目中引進神器“Swagger”，用來一鍵生成文檔，減少了后端開發同學編寫接口文檔的時間，同時前端采用Mock數據的方式，省略了等待接口的時間。

分離的痛點是分離后，接口提供不及時，文檔不完善，模擬數據不方便等。說一下我們的解決辦法：
1）webpack設置proxy，這個通過webpack文檔或GOOGLE一下可以解決。
2）第二步就是需要在后端提供接口及數據和接口文檔，而因為前后端很可能是并行開發的，所以在真實接口出來之前需要前端模擬接口及數據，及數據文檔然后在真實接口出來后，切換到真實接口調試，我們之前也遇到過此問題，所以抽時間自己做了個mocksever 系統，功能包括:
支持可視化編輯JSON接口數據及接口文檔

支持GET、POST、PUT、DELETE請求類型

支持指定返回狀態碼，默認200

支持延時返回數據

支持mockjs

支持單個接口代理到真實服務器(開發過程中某個接口使用模擬數據,當此接口已開發完成后,可將指定接口,通過此服務指向到真實接口上)