【vue.js】axiosでcatchに入ったら処理を終了させたいが、後続の処理が実行されてしまう

Question

vueのaxiosでcatchに入ったら後続の処理を終了させたいです。
以下のコードで実行しましたが、"/signup"でcatchに入っても"/login"が実行されてしまいます。
よろしくお願いします。

signup: async function() {
　const signUpParams = {
　　...
 }
　await axios.post("/signup", signUpParams)
　.then(() => alert("登録完了"))
　.catch(res => {
  　return;  // ここで終了させたい
　})

　const loginParams = {
  　...
　}
　await axios.post("/login", loginParams)
 .then(res => {...})

Answer 1

.catch の引数の無名関数の中で return してもその無名関数から抜けるだけです。後続の処理を終了させたいなら try 〜 catch を使えば良いでしょう。
参考: try-catch を使う (【ES2017】async/await の基礎（前編） - KDE BLOG)

  try {
    await axios.post("/signup", signUpParams)
    alert("登録完了")
  } catch (err) {
    return
  }

Comments

[JsoHaya]

ありがとうございます！解決することができました。