Laravel+Vue添加购物车后接口获取为空问题求助

1. API路由的会话中间件缺失问题 #

Laravel的api路由组默认是无状态的，不会启动会话。如果你的添加、获取购物车接口都在api.php里，默认不会共享同一个会话，导致写入和读取的不是同一份数据。

• 给购物车相关路由手动添加web中间件：

  Route::middleware('web')->group(function () {
      Route::post('/cart/add', [CartController::class, 'add']);
      Route::get('/cart/items', [CartController::class, 'getItems']);
  });
  

• 或者修改app/Http/Kernel.php的api中间件组，加入会话相关中间件：

  protected $middlewareGroups = [
      'api' => [
          \App\Http\Middleware\EncryptCookies::class,
          \Illuminate\Session\Middleware\StartSession::class,
          'throttle:api',
          \Illuminate\Routing\Middleware\SubstituteBindings::class,
      ],
  ];
  

2. 前端请求未携带会话Cookie #

Vue的Axios默认不会携带Cookie，Laravel无法识别会话ID，导致每次请求都是新会话。

• 在Axios全局配置中开启凭证携带：

  import axios from 'axios';
  axios.defaults.withCredentials = true;
  

• 同时确保config/cors.php允许凭证：

  'supports_credentials' => true,
  

3. 购物车会话键名不一致 #

检查CartController中写入和读取购物车时的会话键名是否完全一致，比如添加时用session()->put('cart', $data)，读取时却写成session()->get('shopping_cart')，这类拼写错误会直接导致读取为空。

示例正确的控制器逻辑：

class CartController extends Controller
{
    public function add(Request $request)
    {
        $cart = session()->get('cart', []);
        // 处理商品添加逻辑...
        session()->put('cart', $cart);
        return response()->json($cart);
    }

    public function getItems()
    {
        $cart = session()->get('cart', []);
        return response()->json($cart);
    }
}

4. 前端组件状态未同步 #

如果CartComponent在添加商品前已经渲染，可能没有监听购物车更新事件，导致页面显示为空，但实际API返回是有数据的。

• 在ProductComponent添加成功后触发全局更新事件：

  // ProductComponent.vue
  async addToCart(product) {
      await axios.post('/api/cart/add', { product_id: product.id });
      this.$root.$emit('cart-updated');
  }
  

• 在CartComponent中监听事件并重新拉取数据：

  // CartComponent.vue
  mounted() {
      this.fetchCart();
      this.$root.$on('cart-updated', () => this.fetchCart());
  },
  methods: {
      async fetchCart() {
          const res = await axios.get('/api/cart/items');
          this.cartItems = res.data;
      }
  }
  

5. 会话驱动配置异常 #

确认config/session.php中的driver不是array（该驱动是内存级，请求结束即销毁数据），建议使用file或database：

'driver' => env('SESSION_DRIVER', 'file'),

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