vue.js 変数の中身を調べたい

Question

下記のaxiosを使ってデータを取得しているところで値が取れてきたいるのか調べたいのですがどうやればいいのでしょうか？
console.log()を使っても上手くいかず、、、
わかる人がいたら教えて欲しいです！！

  static async getUser(axios: NuxtAxios, id: string) {
    const res = await new Promise<User>(async (resolve, reject) => {
      const path = `/api/users/${id}`
      try {
        const response = await axios.$get(path, {
          params: { group_id: authStore.userId }
        })
        resolve(response)
      } catch (err) {
        reject(err)
      }
    })
    return res
  }

Comments

[maisumakun]

> console.log()を使っても上手くいかず、、、

どこへどのように仕掛けてうまく行かなかったのでしょうか。

Answer 1

まずは、ブラウザの開発ツールで「ネットワーク」タブを見てみましょう。ブラウザ内から行われた通信がリストアップされています。

ここで、当該通信をあたって、「リクエスト内容が意図通りか」「レスポンスが想定のものか」確認してください。サーバサイドがおかしくて正しいレスポンスが返っていなければ、JavaScript側で手を入れる以前の問題です。