使用StaticToken调用Directus API遇401授权错误求助

修正后的客户端初始化代码 #

首先确认SDK调用方式符合最新版本规范，你的代码写法本身没问题，可确保链式调用顺序统一：

import { createDirectus, staticToken, rest, readItems } from "@directus/sdk";

const client = createDirectus(process.env.NEXT_PUBLIC_API_URL as string)
  .with(rest())
  .with(staticToken(process.env.ADMIN_TOKEN as string));

export default client;

核心排查步骤 #

1. 验证令牌有效性与权限

直接通过HTTP工具（curl/Postman）绕开SDK测试API，排除代码层面问题：

curl -H "Authorization: Bearer YOUR_ADMIN_TOKEN" https://your-directus-instance-url/items/posts?fields=id,title

• 若返回401：说明令牌无效，或用户对posts集合无读取权限
• 若返回正常数据：问题出在前端代码或环境变量配置

2. 检查环境变量加载（Next.js场景关键）

• 若getAllPosts在客户端组件中调用：ADMIN_TOKEN作为无NEXT_PUBLIC_前缀的服务器端环境变量，无法被客户端访问，会导致令牌为undefined触发认证失败。此时需通过Next.js API路由作为中间层转发请求，避免在客户端暴露管理员令牌。
• 若在服务器端组件/API路由中调用：打印process.env.ADMIN_TOKEN确认值是否正确，确保.env文件配置无误且已重启开发服务器。

3. 确认令牌类型与权限配置

• 确保使用的是用户静态令牌（在Directus后台「用户详情页」生成），而非项目设置中的「API密钥」（后者用于服务器到服务器的全局认证，用法不同）。
• 检查管理员角色对posts集合的「读取权限」是否开启（管理员默认拥有全权限，可在「角色与权限」面板再次确认）。

4. 检查SDK版本与请求头

• 运行npm update @directus/sdk更新至最新稳定版，避免版本兼容问题。
• 在浏览器开发者工具「网络」面板中，查看/items/posts请求的Authorization头是否存在，值应为Bearer {你的令牌}。若缺失，说明SDK未正确注入令牌，需重新检查客户端初始化代码。

补充说明 #

旧版SDK的new Directus({ auth: { staticToken } })写法已废弃，最新版必须使用.with(staticToken())的链式扩展方式，你的代码写法符合规范，问题大概率出在令牌有效性、环境变量加载或权限配置上。

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