vue中mock數據與后台接口數據的切換

一.說明

　　在后台數據還沒出來的時候，我們需要使用mock模擬數據進行調試，如果mock數據的接口與后台接口的差別很大，在后面過渡到后台接口也會有不少的工作量。

二.解決方法

　　mock數據的方法名與后台接口相同，這樣在過渡到后台接口的時候只需要改動導包的地方。

例子：

在index.vue中

//import { fetchQueryLog } from '@/api/system/logmanage' //--后台接口
  import { fetchQueryLog } from '../../api/api'    //---mock的接口

在mock數據的 api.js中

import axios from 'axios';

export const fetchQueryLog = params => { return axios.post(`/log/query`, { params: params }); };

// --  '/log/query' 為mock數據的地址   params為參數,當無參數時可用()代替   export const 是命名導出