element-admin同时使用mock数据和真实后端接口

背景

系统接入了真实后端接口进行登录,但业务接口还没开发完成,需要mock数据。

方案

一般来说有两种方案

  1. 多个server,
  2. 启用纯前端mock

这里建议我采取的是第二种方案。

具体操作步骤如下

  1. 启用src/main.js下的mockXHR方法,并将环境改成development
    在这里插入图片描述
  2. 在mock文件夹下创建dashboard.js编写mock数据
    具体的书写方法可以参考生成的几个mockjs文件,如arcticle.js等
export default [
    {
        url: `/insDataVisualization/billBoard/queryAllDataBillboard`,
        type: 'get',
        response: () => {
            return {
                code: 0,
                result: {
                    data: billBoardList,
                    msg: 'success'
                }
            }
        }
    },
}
  1. 将文件引入到index.js中
    在这里插入图片描述
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值