vue中mock数据与后台接口数据的切换

Posted 2020-12-18 gnh96

一.说明

　　在后台数据还没出来的时候，我们需要使用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 是命名导出