如何无状态识别未登录页面用户 实现Vue SPA未注册访客购物车Laravel存储

核心思路 #

JWT并非只能用于已登录用户场景，你可以选择适配业务的两种实现方向：基于Laravel自带会话机制，或者基于无状态临时访客令牌（含自定义JWT方案），以下是生产环境常用的可落地实现方案：

1. 服务端（Laravel）实现 #

• 优先选择无状态令牌方案，适配分布式部署场景，无需处理会话共享问题
• 第一步：创建基础表结构
  执行迁移命令生成表：php artisan make:migration create_guest_related_tables
  两个核心表字段定义：
  1. 访客令牌表：唯一ID、token（字符串，唯一索引，32位以上随机串）、expires_at（有效期默认设置7天）、创建/更新时间
  2. 购物车表：唯一ID、user_id（可空，登录用户关联字段）、guest_token_id（可空，未登录访客关联字段）、product_id、quantity、创建/更新时间，增加联合唯一索引控制同一用户/访客同一商品仅存一条记录
• 第二步：编写全局中间件AssignGuestToken
  逻辑：校验请求头X-Guest-Token是否存在、是否有效未过期，不符合要求则生成新的访客令牌存入访客令牌表，将新令牌放入响应头返回给前端
• 第三步：开发购物车相关接口
  接口逻辑优先判断当前请求是否携带登录用户身份，已登录则用user_id关联购物车数据，未登录则用X-Guest-Token对应的guest_token_id关联购物车数据
• 第四步：结算接口增加鉴权限制
  仅携带有效登录态（登录后的JWT/会话标识）的请求可访问结算接口，未登录请求直接返回401状态码要求前端触发登录流程

2. 前端（Vue SPA）实现 #

• 第一步：封装axios请求拦截器，判断本地localStorage是否存储guest_token，存在则自动给所有请求加上X-Guest-Token请求头
• 第二步：封装axios响应拦截器，判断响应头是否返回新的X-Guest-Token，存在则将令牌存入localStorage，过期时间和服务端设置保持一致
• 第三步：购物车增删改查操作正常调用后端接口即可，无需额外处理身份标识，令牌会由拦截器自动携带
• 第四步：结算逻辑增加校验：用户点击结算按钮后先调用后端结算校验接口，返回401则弹出登录框或跳转到登录页，登录成功后再触发后续结算流程

3. 登录后购物车合并逻辑 #

避免用户未登录加购、登录后购物车数据丢失：

• 用户登录成功后，前端同时将guest_token和登录后的用户身份令牌传给后端购物车合并接口
• 后端逻辑：将guest_token对应的所有购物车数据合并到当前登录用户的购物车数据中，同一商品数量自动累加，合并完成后可删除该访客令牌对应的购物车数据，也可保留7天备查

关于JWT方案的补充说明 #

你也可以用JWT实现访客标识，不需要额外创建访客令牌表：给未登录用户签发不绑定用户ID、仅携带访客唯一标识的JWT，有效期和前文的临时令牌一致，本质逻辑和自定义令牌方案完全一致，只是令牌生成、校验直接复用JWT的能力即可。

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