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

Posted 2023-03-22

参考技术A 修改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/中增加同名文件
数据略

const appointment=require('./appointment')

const mocks = [
...appointment
]