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

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

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

支持指定返回狀態(tài)碼，默認200

支持延時返回數(shù)據

支持mockjs

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