Axios GET return [0, 0, 5] 而不是使用 Laravel 和 Vue JS 从数据库获取 UUID

Question

这个问题我昨天面对的时候觉得很简单！但是当我在 google 上没有找到类似的问题时，我意识到它并不像我想的那么简单！！！
所以如果有任何类似的问题我从昨天开始没有找到，请让我知道。

我正在尝试使用 Laravel 从数据库传递数据。我使用 UUID 作为通知 table 的主键而不是自动递增主键（这是 Laravel 中通知 table 的默认选项！）。
我可以按原样获取和读取所有其他列，但 UUID 类型的 ID 列为 0 OR 0 OR 5 或任何其他单个数字，但真实 ID 可以是 1367dc99-ee67-4f0f-b0eb-c2215831d7db.
坦率地说，我不知道我在 Laravel 或 Vue JS axios.

中使用的方法有什么问题我应该使用任何特定技术从后端到前端读取 UUID 吗？ 请帮我解决这个问题。

我在下面附上了 Laravel 和 Vue JS Axios 的代码。如果我的问题中有任何遗漏，请告诉我。

Laravel代码

$notifications = Notifications::where('notifiable_id', auth()->user()->id)->orderBy('created_at', 'DESC')->get();

return response()->json(
[
   "notifications" => $notifications
]

Vue JS Axios GET 方法

data () {
   return {
      loading: false,
      unreadNotifications: []
   }
},
methods: {
  async Notifications () {
    this.loading = true
    await axios.get('/user/notifications/unreads')
        .then((response) => {
            this.unreadNotifications = response.data
        })
        .finally (() => {
            this.loading = false
        })
  }
}

输出为 [ 0, 5 ]

Answer 1

如果您想像这样显示您的 id：1367dc99-ee67-4f0f-b0eb-c2215831d7db，然后修改您的查询：

$notifications = DB::table('notifications')
         ->where('notifiable_id', auth()->user()->id)
         ->orderByDesc('created_at')
         ->get();

return response()->json([
       "notifications" => $notifications
    ]);

Axios GET return [0, 0, 5] 而不是使用 Laravel 和 Vue JS 从数据库获取 UUID

Axios GET return [0, 0, 5] instead of UUIDs from database using Laravel and Vue JS

uuid

get

laravel

vue.js

axios