在 php/laravel 中设置 json 格式的名称

Question

如何在 laravel 中将名称设置为 JSON 对象，因为我想在 Vue js 中为图片库显示插件。每当我传递数据时，我都会收到此错误：预期对象，得到数组。{  "normal_size": [    {      "id": 1,      "image": "MICMIMC30651-6.jpg",      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-6.jpg"    },    {      "id": 2,      "image": "MICMIMC30651-61.jpg",      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-61.jpg"    },    {      "id": 3,      "image": "MICMIMC30651-62.jpg",      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-62.jpg"    },    {      "id": 4,      "image": "MICMIMC30651-63.jpg",      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-63.jpg"    }  ]}我想要的输出： image : {  "normal_size": [    {      "id": 1,      "image": "MICMIMC30651-6.jpg",      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-6.jpg"    },    {      "id": 2,      "image": "MICMIMC30651-61.jpg",      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-61.jpg"    },    {      "id": 3,      "image": "MICMIMC30651-62.jpg",      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-62.jpg"    },    {      "id": 4,      "image": "MICMIMC30651-63.jpg",      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-63.jpg"    }  ]}`Laravel 产品控制器代码将数据传递给 vue 组件 $normal_size = DB::table('products_images')->where([['products_id', '=', $product]])        ->select('products_images.id','products_images.image')        ->get()->ToArray();foreach($normal_size as $value)        {            $value->url = 'http://localhost:8000/images/product/preview/'.$value->image;        }$output = (array('normal_size' => $normal_size));return response()->json(($output));

Answer 1

解决方案：

只需在发送前调整输出格式。

$output= ['image' => json_decode($data)];

或者

$output= array("image" => json_decode($data));

Answer 2

解码您的 JSON 以转换数组。格式化所需的数组结构并将数组编码为 JSON。

$data = '{

  "normal_size": [

    {

      "id": 1,

      "image": "MICMIMC30651-6.jpg",

      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-6.jpg"

    },

    {

      "id": 2,

      "image": "MICMIMC30651-61.jpg",

      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-61.jpg"

    },

    {

      "id": 3,

      "image": "MICMIMC30651-62.jpg",

      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-62.jpg"

    },

    {

      "id": 4,

      "image": "MICMIMC30651-63.jpg",

      "url": "http://localhost:8000/images/product/preview/MICMIMC30651-63.jpg"

    }

  ]

}';

$output = json_encode(['image' => json_decode($data, true)]);

echo $output;

工作演示。