经验总结：使用vue3测试后端接口的模板

为了方便在开发中途，比较即时地，测试自己写的接口，是否有BUG，所以整理了这个测试模板。
效果就是可以通过自己编码，比较灵活，比较快得触发接口调用。
下边这个是最核心的模板，然后还有一个写axios调用的，也附在下边了。
另外这样做和纯用html的fetch对比，比较好解决跨域和用户uid的问题，也更实际一点，因为我自个儿实际开发用的也是vue。

<template><div><h1>测试界面</h1><button @click="loadReviewTask">测试函数 (你要测试哪个方法)</button><div v-if="notes"><pre>{{ notes }}</pre></div></div>
</template><script setup>import { findReviewTask } from '@/api/sm2';
import { ref } from "vue";
import { ElMessage } from 'element-plus';const notes = ref(null);
const loadReviewTask = async () => {try {const response = await findReviewTask();console.log(response);notes.value=response.data} catch (error) {ElMessage.error("加载失败");}
};
</script><style scoped>
button {margin-bottom: 10px;
}
</style>

import request from '@/utils/request.js'
const baseURL = '/sm2-service'// 获取待复习笔记
export const findReviewTask = () => {return request.get(`${baseURL}/findReviewTask`);
};
// 更新一条笔记的复习参数
export const updateEF = (data) => {return request.post(`${baseURL}/updateEF`,data);
}