Laravel 和 Vue 电子商务：如何 post 将订单作为产品数组而不是单一产品

Question

我对 Laravel 和 Vue 都有点陌生，我正在做一个学校项目。我一直在遵循指南并尝试开发产品，但遇到以下问题：在指南中只能对单个产品下订单。使用 LocalStorage 创建了一个购物车组件，您可以在其中添加多个产品。现在如何使用axios.post正确post数据库中的顺序？

app/Http/Controllers/OrderController.php:

<?php

namespace App\Http\Controllers;

use App\Models\Order;
use Auth;
use Illuminate\Http\Request;

class OrderController extends Controller
{
    public function index()
    {
        return response()->json(Order::with(['product'])->get(),200);
    }

    public function store(Request $request)
    {
        $order = Order::create([
            'product_id' => $request->product_id,
            'user_id' => Auth::id(),
            'quantity' => $request->quantity,
            'address' => $request->address
        ]);

        return response()->json([
            'status' => (bool) $order,
            'data'   => $order,
            'message' => $order ? 'Order Created!' : 'Error Creating Order'
        ]);
    }

    public function show(Order $order)
    {
        return response()->json($order,200);
    }

Resources/JS/views/Checkout.vue (

Laravel 和 Vue 电子商务：如何 post 将订单作为产品数组而不是单一产品

Lavarel & Vue e-commerce: how to post an order as array of products instead of single product

e-commerce

local-storage

laravel

vue.js