解决React Native中异步获取认证Token的API调用问题

// retrieveToken 函数用于从 AsyncStorage 中获取 Token
export const retrieveToken = async () => {
    try {
        const token = await AsyncStorage.getItem("token");
        return token;
    } catch (error) {
        console.log("获取Token失败:", error);
        return null;
    }
};

// fetchCategoryData 函数尝试获取分类数据
export const fetchCategoryData = async () => {
    try {
        // ❌ 错误：此处未等待 retrieveToken 的 Promise 完成
        const token = retrieveToken(); // token 此时是一个 Promise 对象，而非字符串

        if (token) { // 此判断会始终为真，因为 token 是一个 Promise 对象
            console.log(token); // 打印的是 Promise 对象
            const response = await fetch("http://192.168.1.65:8000/api/categories/main_groups/", {
                method: "GET",
                headers: {
                    "Content-Type": "application/json",
                    Authorization: `Token ${token}`, // 拼接时会将 Promise 对象转换为字符串 "[object Promise]"
                },
            });
            return await response.json();
        } else {
            throw new Error("Token不存在或获取失败");
        }
    } catch (error) {
        console.log("API调用失败:", error);
    }
};

// retrieveToken 函数保持不变
export const retrieveToken = async () => {
    try {
        const token = await AsyncStorage.getItem("token");
        return token;
    } catch (error) {
        console.log("获取Token失败:", error);
        return null;
    }
};

// 修正后的 fetchCategoryData 函数
export const fetchCategoryData = async () => {
    try {
        // ✅ 正确：使用 await 等待 retrieveToken 的 Promise 完成
        const token = await retrieveToken(); // token 现在是实际的 Token 字符串或 null

        if (token) {
            console.log("成功获取到Token:", token);
            const response = await fetch("http://192.168.1.65:8000/api/categories/main_groups/", {
                method: "GET",
                headers: {
                    "Content-Type": "application/json",
                    Authorization: `Token ${token}`, // 现在拼接的是有效的 Token 字符串
                },
            });

            if (!response.ok) {
                // 处理非 2xx 响应状态码
                const errorData = await response.json();
                throw new Error(errorData.detail || "API请求失败");
            }

            return await response.json();
        } else {
            throw new Error("认证Token不存在或获取失败，请重新登录。");
        }
    } catch (error) {
        console.error("API调用过程中发生错误:", error);
        // 可以根据错误类型进行更细致的处理，例如导航到登录页面
        throw error; // 重新抛出错误以便上层组件处理
    }
};

export const loginRequest = async (email, password) => {
    try {
        const response = await fetch("http://192.168.1.65:8000/api/user/token/", {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
            },
            body: JSON.stringify({
                email: email,
                password: password,
            }),
        });

        const data = await response.json();

        if (response.ok) {
            // ✅ 注意：此处存储的键名为 "Token"
            await AsyncStorage.setItem("Token", data.token); 
            return true;
        } else {
            throw new Error(data.detail || "登录失败");
        }
    } catch (error) {
        console.error("登录请求失败:", error);
        throw new Error("登录失败，请检查网络或凭据。");
    }
};