使用 apipost mock数据

Mock

打开 apipost, 新建一个接口, 点击 Mock 按钮, 打开云端 Mock (使用本地 Mock 也行, 不过每次关闭 apipost 之后mock数据就失效了)

记得先在右上角切换一下mock环境

复制一下 mock url , 待会要用到

点击这个前置URL, 将其改为刚刚的云端 Mock 地址 (这里我已经改了)

按图中顺序操作

第三步即编写你需要返回的数据, 可以自己写, 也可以参考 mock 使用文档编写

使用, 把刚刚复制的url粘贴进去即可, 这里我用了 params 传参

export const getLessonDetail = async (): Promise<any> => {
  return await axios.get(
    'https://console-mock.apipost.cn/mock/1053aacf-51ec-4b3b-b5dc-6b8a5e4447e2/aigc/lesson/detail',
    {
      params: {
        apipost_id: '5622ba',
      },
    },
  )
}

const useGetLessonDetail = async () => {
  try {
    let res = await getLessonDetail()
    lessonDetails.value = res
  } catch (err) {
    console.log('err', err.message)
  }
}
onMounted(async () => {
  await useGetLessonDetail()
  if (lessonDetails.value) {
    ...
  }
})

如有疑问可参考此文章

https://v7-wiki.apipost.cn/docs/9/