/create-first-user页面Posts下拉框异常及403错误求助

问题根源 #

1. 权限拦截
   Payload默认访问控制策略下，创建第一个用户时系统无任何用户，当前处于未登录的未认证状态，这类用户没有权限访问/api/posts端点，因此请求该接口返回403错误，导致下拉框无法加载选项。

2. 字段渲染时机不合理
   Users集合中配置的posts关联字段，在创建第一个用户的页面被直接渲染，但此时系统中还不存在任何帖子，即便权限正常，下拉框也会是空的。

解决方案 #

1. 临时开放Posts集合的未认证读权限（仅用于初始化阶段） #

在Posts集合配置中添加访问控制规则，允许未认证用户读取数据：

export const Posts: CollectionConfig = {
  slug: 'posts',
  // 其他原有配置...
  access: {
    read: () => true, // 临时允许所有用户读取，初始化完成后需改为严格规则
  },
  // 其他原有字段配置...
}

注意：创建完成第一个管理员用户后，必须将read权限修改为符合业务需求的规则，比如仅允许认证用户读取。

2. 在创建第一个用户页面隐藏posts关联字段 #

修改Users集合的posts字段配置，通过admin.condition控制字段仅在非创建第一个用户的场景下显示：

export const Users: CollectionConfig = {
  slug: 'users',
  admin: {
    useAsTitle: 'email',
  },
  auth: true,
  fields: [
    {
      type: 'relationship',
      name: 'posts',
      relationTo: 'posts',
      hasMany: true,
      admin: {
        // 仅当已有用户（非创建第一个用户场景）时显示该字段
        condition: ({ user }) => !!user,
      },
    }
  ],
}

这样在/create-first-user页面（此时user为null），该字段会自动隐藏，避免出现无意义的下拉框和权限请求错误。

3. 配置更精细的访问控制（推荐） #

如果需要保留字段显示但确保权限正常，可以在Posts集合中配置基于请求路径的访问控制：

export const Posts: CollectionConfig = {
  slug: 'posts',
  // 其他原有配置...
  access: {
    read: ({ req }) => {
      // 若为创建第一个用户的请求则允许读取，否则仅允许认证用户
      return req.path.includes('/create-first-user') || !!req.user;
    },
  },
  // 其他原有字段配置...
}

内容的提问来源于stack exchange，提问作者Marcos Di Paolo