**简介**： 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)     }) ```