美文网首页
本地调试同时使用本地mock数据和线上数据

本地调试同时使用本地mock数据和线上数据

作者: cytheria19900 | 来源:发表于2020-08-07 13:43 被阅读0次

    修改vue.config.js文件中的proxy,匹配线上接口中所有包含v1字段的接口,重写到线上接口,其他不匹配的继续走mock
    注意引用mock数据,是after... ,把before改成after,因为这个问题改的生无可恋怀疑人生ing...
    proxy: {
    '/v1': {
    target: https://bsxq.whiteplanet.com.cn/,
    changeOrigin: true,
    pathRewrite: {
    ['^' + process.env.VUE_APP_BASE_API]: ''
    }
    },
    },
    after: require('./mock/mock-server.js'),

    判断一个对象是否为空
    Object.keys(obj).length==0

    mock数据的使用
    以约诊管理为例
    1.在api/下新增appointment.js文件,
    import request from '@/utils/request'
    export function getList(params) {
    return request({
    url: '/vue-admin-template/appointment/list',
    method: 'get',
    params
    })
    }
    2.在mock/中增加同名文件
    数据略

    3,重点,要引入!!在mock/index.js中要先引入你编写的文件

    const appointment=require('./appointment')

    const mocks = [
    ...appointment
    ]

    相关文章

      网友评论

          本文标题:本地调试同时使用本地mock数据和线上数据

          本文链接:https://www.haomeiwen.com/subject/mrefdktx.html