asyncとawaitでapiを叩いた時に、処理が止まってしまいます。

Question

vueでlaravelのapiを叩いて、ユーザー情報を取得したいのですが、
asyncとawaitでapiを叩いた時に、処理が止まってしまウノですが、どうしたらいいでしょうか？
下記がコードになります。
よろしくお願いいたします。

methods: {
  async accessToken(){
    await this.$store.dispatch('auth/getToken', data)
  },
  async login (){
    if(!isStrage){ await this.accessToken()}
    console.log('after get token') // ここは表示されません。
    await this.$store.dispatch('auth/login', params)
  }
}

// auth.js

async getToken(context, data){
  await axios.post('/oauth/token', data).then(res => {
    console.log(res) // ここの処理になにも入ってきません。
  }
  console.log('hogehoge') // hogehogeも表示されないです。
}

Comments

[miyabi_pudding]

デベロッパーツールのコンソールで、何かエラー出ていませんか？
出ていれば、記載お願いします。

[退会済みユーザー]

chromeで開発しているのですが、コンソールにエラーは出ていない状態です。
apiはlaravelで作っているのですが、logを見る限り、tokenを取得するパラメーターは送れています。
ですが、返り値がない状態でして、postmanで同じurlのapiを叩くと、返り値がある状態です。

[karamarimo]

login function 自体実行されていないかもしれないので login function を呼び出す部分のコードも載せてください。
編集: ログが出ているようなのでリクエストは送られているようですね。失礼しました。chrome devtools の network タブで、リクエストに対してレスポンスがちゃんと送られているか確認してみてはどうでしょうか。

Answer 1

async getToken(context, data){
  await axios.post('/oauth/token', data).then(res => {
    console.log(res) // ここの処理になにも入ってきません。
  }
  console.log('hogehoge') // hogehogeも表示されないです。
}

thenの(が閉じてないけど大丈夫ですか？
とりあえず

async getToken(context, data){
  await axios.post('/oauth/token', data).then(res => {
    console.log(res) // ここの処理になにも入ってきません。
  }).catch(err => {
    console.log(err)
  })
  console.log('hogehoge') // hogehogeも表示されないです。
}

とかで例外出てるんだろうと思うので、内容確認されてみては。