TikTok LoginKit授权时redirect_uri报错：Bad Request求助

以下是几个可能导致错误的原因及对应修复方案：

1. 缺少必填的state参数 #

TikTok OAuth2强制要求授权请求必须携带state参数，用于防范CSRF攻击。你代码里生成了csrfState并存入Cookie，但没把这个参数附加到授权链接中，这是最可能的触发原因。

修复后的代码：

@Get('/tiktok/redirect')
loginTicTok(
    @Res() res,
) {
    const csrfState = Math.random().toString(36).substring(2);
    res.cookie('csrfState', csrfState, { maxAge: 60000 });
    let url =`${this.config.get('tictokURL')}`;
    url +=`?client_key=${this.config.get('tictokClientKey')}`;
    url +=`&scope=video.upload`;
    url += '&response_type=code';
    url += `&state=${csrfState}`; // 新增state参数
    url += '&redirect_uri=https://reelcrm-backend.herokuapp.com/social-network/tiktok/';
    res.redirect(url);
}

2. 重定向URL与后台配置不匹配 #

TikTok对重定向URL的校验极其严格，末尾斜杠、大小写、域名路径必须完全一致才会通过。检查你后台设置的重定向URL是否和代码中的完全相同：

• 如果后台配置的是https://reelcrm-backend.herokuapp.com/social-network/tiktok（无末尾斜杠），但代码里加了斜杠，就会匹配失败，需要统一两边的格式。

3. 重定向URL未做URL编码 #

规范上重定向URL需要进行URL编码，即便当前链接没有特殊字符，编码后也能避免潜在的解析错误。可以用encodeURIComponent处理：

修复示例：

const redirectUri = encodeURIComponent('https://reelcrm-backend.herokuapp.com/social-network/tiktok/');
// ...
url += `&redirect_uri=${redirectUri}`;

4. 确认scope参数的合法性 #

检查video.upload是否是你的TikTok应用已申请并获批的权限范围。如果该scope未在后台配置或未通过审核，也会导致授权请求被拒绝。

内容的提问来源于stack exchange，提问作者Daniel ORTIZ