Ionic5项目调用Google Drive API v3 files.list接口返回未知错误

针对你遇到的Google Drive API请求返回0 Unknown Error的问题，以下是可能的错误点和对应的修复方案：

1. 同时使用API Key与Bearer Token冲突 #

Google API请求中，用户授权的接口（如Drive API读取用户文件）仅需使用Bearer Token即可，不需要附加API Key。同时传递两者会导致身份验证逻辑冲突，这是核心问题之一。

2. 冗余请求头引发的问题 #

GET请求没有请求体，不需要设置Content-Type: application/json；Content-Encoding: gzip属于可选配置，若服务器未正确处理可能导致请求异常，建议移除这两个冗余头。

3. 浏览器测试的CORS限制 #

如果在浏览器中测试Ionic项目，Angular的HttpClient会受浏览器CORS策略限制，无法直接请求Google Drive API。此时需要改用Ionic原生HTTP插件绕过CORS限制。

修正后的代码示例 #

方案1：使用Angular HttpClient（仅适用于原生设备/模拟器） #

async get_root_folder_list(gtoken) {
    // 仅保留必要的授权头和接受类型头
    let headers = new HttpHeaders()
        .set("Authorization", "Bearer " + gtoken)
        .set("Accept", "application/json");
        
    // 移除URL中的API Key参数
    let _url = `https://www.googleapis.com/drive/v3/files?q=trashed%3Dfalse%20and%20'root'%20in%20parents`;
    return await this.http.get(_url, {headers: headers}).toPromise();    
}

方案2：使用Ionic原生HTTP插件（支持浏览器/原生设备） #

1. 先安装插件：

ionic cordova plugin add cordova-plugin-advanced-http
npm install @ionic-native/http

2. 修改请求代码：

import { HTTP } from '@ionic-native/http/ngx';

// 在组件/服务中注入HTTP服务
constructor(private http: HTTP) {}

async get_root_folder_list(gtoken) {
    // 设置全局请求头
    await this.http.setHeader('*', 'Authorization', `Bearer ${gtoken}`);
    await this.http.setHeader('*', 'Accept', 'application/json');
    
    let _url = `https://www.googleapis.com/drive/v3/files?q=trashed%3Dfalse%20and%20'root'%20in%20parents`;
    try {
        const response = await this.http.get(_url, {}, {});
        // 原生插件返回的data是字符串，需要解析为JSON
        return JSON.parse(response.data);
    } catch (error) {
        console.error('Drive API请求失败:', error);
        throw error;
    }
}

额外检查点 #

• 确认Google Cloud控制台已启用Google Drive API。
• 验证environment.GDRIVE_WEB_CLIENT_ID与控制台中配置的Web客户端ID完全一致，且授权重定向URI正确（原生设备通常为com.googleusercontent.apps.xxx:/oauth2redirect）。
• 检查accessToken是否有效：可以通过打印日志确认token非空，或确认其未过期、权限范围包含https://www.googleapis.com/auth/drive。
• 优先在真实设备或模拟器上测试，避免浏览器CORS限制干扰排查。

内容的提问来源于stack exchange，提问作者Chandra T