Laravel / Vue - передача данных: вложенные значения Json в виде строки

Question

Я пытаюсь передать объект JSON из моего бэкэнда Laravel в мой веб-интерфейс Vue, но одно из вложенных свойств возвращается как строка, а не как объект. Рассматриваемый объект user.options, как показано ниже.

Объект user.options хорошо отформатирован, но когда я отправляю ответ, он обрабатывается как строка. Я могу преобразовать строку в JSON во внешнем интерфейсе, но это не идеально.

public function update(Request $request)
{
    $user = $this->user;
    $user->options = json_encode([
        'cart' => $request->only('product_id', 'code', 'product_slug', 'pic_url', 'request')
    ]);
    $user->save();

    return response()->json($user);
}

Answer 1

Нет необходимости сериализовать JSON свойства вручную. Вместо этого вы можете использовать свойство $casts Eloquent, чтобы определить, что ваш options должен рассматриваться как объект:

class User
{
    /**
     * The attributes that should be cast to native types.
     *
     * @var array
     */
    protected $casts = [
        'options' => 'object',
    ];
}

Затем вы можете назначить массивы и объекты этому свойству. Eloquent будет хранить его как JSON в фоновом режиме. При извлечении свойства Eloquent снова преобразует его в объект:

public function update(Request $request) {
    $user = $this->user;
    $user->options = [
        'cart' =>  $request->only('product_id', 'code', 'product_slug', 'pic_url', 'request')
    ];
    $user->save();

    return response()->json($user);
}