96 lines
3.5 KiB
JavaScript
96 lines
3.5 KiB
JavaScript
// src/plugins/fetch.js
|
||
import { createFetch } from "@vueuse/core";
|
||
import router from "@/router"; // 假设你使用 Vue Router
|
||
import { useUserStore } from "@/stores/userStore";
|
||
import { useAgentStore } from "@/stores/agentStore";
|
||
// 创建全局的 fetch 实例
|
||
const useApiFetch = createFetch({
|
||
baseUrl: "/api/v1", // 你的 API 基础路径
|
||
options: {
|
||
async beforeFetch({ url, options }) {
|
||
showLoadingToast({
|
||
message: "加载中...",
|
||
forbidClick: true,
|
||
duration: 0, // 设置为 0 表示不会自动关闭
|
||
loadingType: "spinner",
|
||
});
|
||
|
||
const timestamp = Date.now();
|
||
const separator = url.includes("?") ? "&" : "?"; // 判断是否已有参数
|
||
url += `${separator}t=${timestamp}`; // 追加时间戳
|
||
|
||
// 在请求前添加通用的 Header，例如 Authorization
|
||
const token = localStorage.getItem("token");
|
||
let platform = "h5";
|
||
const userAgent = navigator.userAgent.toLowerCase();
|
||
const isWechat = /micromessenger/.test(userAgent);
|
||
if (isWechat) {
|
||
platform = "wxh5";
|
||
}
|
||
options.headers['X-Platform'] = platform
|
||
|
||
if (token) {
|
||
options.headers = {
|
||
...options.headers,
|
||
Authorization: `${token}`,
|
||
};
|
||
}
|
||
return { url, options };
|
||
},
|
||
async afterFetch({ data, response }) {
|
||
closeToast();
|
||
// 全局处理响应
|
||
if (response.status === 401) {
|
||
// 清除本地存储的 token
|
||
localStorage.removeItem("token");
|
||
localStorage.removeItem('refreshAfter')
|
||
localStorage.removeItem('accessExpire')
|
||
// 跳转到登录页
|
||
router.replace("/login");
|
||
}
|
||
|
||
if (data.code !== 200) {
|
||
if (data.code === 100009) {
|
||
// 改进的存储管理
|
||
localStorage.removeItem('token')
|
||
localStorage.removeItem('refreshAfter')
|
||
localStorage.removeItem('accessExpire')
|
||
localStorage.removeItem('userInfo')
|
||
localStorage.removeItem('agentInfo')
|
||
|
||
// 重置状态
|
||
const userStore = useUserStore();
|
||
const agentStore = useAgentStore();
|
||
userStore.resetUser()
|
||
agentStore.resetAgent()
|
||
location.reload()
|
||
|
||
}
|
||
if (data.code !== 200002 && data.code !== 200003 && data.code !== 200004 && data.code !== 100009) {
|
||
showToast({ message: data.msg });
|
||
}
|
||
}
|
||
return { data, response };
|
||
},
|
||
async onFetchError({ error, response }) {
|
||
console.log("error", error);
|
||
closeToast();
|
||
if (response.status === 401) {
|
||
// 清除本地存储的 token
|
||
localStorage.removeItem("token");
|
||
localStorage.removeItem('refreshAfter')
|
||
localStorage.removeItem('accessExpire')
|
||
// 跳转到登录页
|
||
router.replace("/login");
|
||
} else {
|
||
if (typeof error === "string") {
|
||
showToast({ message: error });
|
||
}
|
||
}
|
||
return { error };
|
||
},
|
||
},
|
||
});
|
||
|
||
export default useApiFetch;
|