**簡介**： INTERFACE.js是業務組件與接口之間的數據層，用于處理接口的正常數據，異常處理等。經過此文件的處理，到達業務組件主要是正確的數據，也可以在此文件類調用mockjs數據。簡化業務組件，且之后接口有改動也可以僅需改動些文件相應模塊即可。 INTERFACE.js位置效為靈活，每個頁面和其子頁面可共享同一個INTERFACE文件，如果有全局公共接口，可單獨建全局公共INTERFACE 請每個方法都寫注釋，包含接口名，接口說明，參數注釋，有特殊邏輯應寫明。 ## **前后端分離** - 接口請求 在INTERFACE.js文件中創建請求方法 ``` /** ?????*?mock接口? ?????*?@param?{this}?that? ?????*?@param?{參數}?params? ?????*?第三個參數可選 ?????*/ ????mock(that,?params)?{ ????????return?new?Promise((resolve,?reject)?=>?{ ????????????that.$Request.get('mock',?params,{ ????????????????filePath:that.$route.matched[0].components.default.__file,//?追蹤文件路徑（可選） ????????????????timeout:2000//單獨設置超時時間（可選） ????????????},{ ????????????????id:'aa',//?唯一標識，可以是接口名，接口對應固定字段。如果為空，接口數據不會緩存,且不會優先從緩存拿接口數據 ????????????????expirationTime:1000*60*60,//緩存過期時間 ????????????}).then(res?=>?{ ????????????????//?成功數據進行處理 ????????????????console.log(res); ????????????????resolve(res)?//?將正確實數據返回到頁面 ????????????}).catch(err?=>?{ ????????????????//?異常處理 ????????????????reject(err) ????????????}) ????????}) ????}, ``` - 頁面接收數據 ``` import INTERFACE from './INTERFACE.js' INTERFACE.mock(this,{aa:100}).then(res=>{ ??????//?成功數據 ??????console.log(res); ????}).catch(err=>{ ??????//?如果在INTERFACE.js中已處理異常，可不寫catch ??????console.log(err) ????}) ```