码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-27 17:53:56      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:const   return   使用   数据   mock   span   system   bsp   etc   

一.说明

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

 

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

标签:const   return   使用   数据   mock   span   system   bsp   etc   

原文地址:https://www.cnblogs.com/gnh96/p/13385340.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!