调用Spotify API报'request' is not defined错误的原因与修复方法

开发者阿泽

2026-8-26

报错核心原因

你代码中直接调用了request.post()方法，但当前执行环境中从未定义、也未引入名为request的对象，因此直接抛出未定义错误。
你贴的代码本身是Node.js服务端场景的写法，无法直接在浏览器环境运行：代码中用到的Buffer是Node.js专属内置API，浏览器原生不存在该对象；而你调用的request是早年Node生态中流行的第三方HTTP请求库，既不是Node内置模块，也不是浏览器全局对象，不引入就调用必然报错。
替换jQuery未解决问题的原因很明确：如果是在Node环境运行，jQuery本身是为DOM操作设计的前端库，并不适配服务端HTTP请求场景；如果是在浏览器环境运行，首先会遇到跨域限制无法直接请求Spotify的鉴权接口，其次把client_secret这类敏感密钥直接写在前端代码里是严重的安全问题，任何人打开网页控制台都能拿到你的应用密钥。
关于运行环境的问题：这段用client_credentials模式获取Spotify接口令牌的逻辑，必须在Node.js服务端环境运行，不能直接放在前端浏览器代码中执行。

具体修复方案

先确认你安装了18.0及以上版本的Node.js，在代码所在文件夹打开cmd，执行npm init -y初始化Node项目。
原request库已经停止维护多年，不需要安装它，直接用Node 18+自带的原生fetchAPI即可，不需要额外装第三方依赖，把原代码替换为以下内容：

const client_id = '替换为你自己的Spotify应用Client ID';
const client_secret = '替换为你自己的Spotify应用Client Secret';

// 构造Basic鉴权头
const authHeader = 'Basic ' + Buffer.from(`${client_id}:${client_secret}`).toString('base64');

async function getAccessToken() {
  try {
    const response = await fetch('https://accounts.spotify.com/api/token', {
      method: 'POST',
      headers: {
        'Authorization': authHeader,
        'Content-Type': 'application/x-www-form-urlencoded'
      },
      body: 'grant_type=client_credentials'
    });

    if (!response.ok) {
      throw new Error(`请求异常，状态码：${response.status}`);
    }

    const resBody = await response.json();
    const accessToken = resBody.access_token;
    console.log('获取令牌成功：', accessToken);
    return accessToken;
  } catch (error) {
    console.error('获取令牌失败：', error);
  }
}

getAccessToken();

替换完成后在cmd中执行node 你的文件名.js就能正常运行，不会再出现request is not defined的报错。
如果你要开发面向用户的前端网页应用，不要把client_secret写在任何前端代码里：前端只负责请求你自己部署的Node服务接口，由服务端保管密钥、和Spotify API做通信，再把需要的数据返回给前端，从根源上避免密钥泄露和跨域问题。

内容的提问来源于stack exchange，提问作者Aidan AUS