router.beforeEachの挙動がわからない。

Question

Vue.js + Firebase を使って爆速でユーザ認証を実装する - Qiita
を参考にさせていただき、認証部分を実装していました。
roueter.beforeeachで、画面遷移する前にバリデーションをかけることができるということがわかりました。
if(user)で、ログインユーザーの有無を分けていると思うのですが、next()が何を示しているのかわかりませんでした。
実際は、ルートページ(/)にリダイレクトしていました。
elseで、ログインしていなかったら、signinページに遷移させるというのは、なんとなくわかりました。
ログインしていたらルートページに遷移する、というような処理は書いていないと思うのですが、なぜルートページに遷移するのでしょうか。
書き方から察するに、next('/')と記述すると思ったのですが、実際は違うのでしょうか？

ドキュメント見てみましたが、いまいち理解できず...ご教示のほど、よろしくお願いいたします。

# router.js

import Vue from "vue";
import VueRouter from "vue-router";
import MusicHome from "../pages/MusicHome.vue";
import MusicCreate from "../pages/MusicCreate.vue";
import MusicEdit from "../pages/MusicEdit.vue";
import MusicSearch from "../pages/MusicSearch.vue";
import MusicSearchResult from "../pages/MusicSearchResult.vue";
import SignUp from "../pages/SignUp.vue";
import SignIn from "../pages/SignIn.vue";
import firebase from '../plugins/firebase'

Vue.use(VueRouter);


const routes = [  

  { path: "/", name: "MusicHome",meta: { requiresAuth: true }, component: MusicHome },
  { path: "/create", name: "MusicCreate",meta: { requiresAuth: true }, component: MusicCreate },
  { path: "/edit/:id", name: "MusicEdit",meta: { requiresAuth: true }, component: MusicEdit },
  { path: "/search", name: "MusicSearch",meta: { requiresAuth: true }, component: MusicSearch },
  {
    path: "/result/:keyword",
    name: "MusicSearchResult",meta: { requiresAuth: true },
    component: MusicSearchResult,
  },
  { path: "/signup", name: "signup", component: SignUp },
  { path: "/signin", name: "signin", component: SignIn },
];

const router = new VueRouter({
  routes 
})

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
    firebase.auth().onAuthStateChanged(function (user) {
      if (user) {
        next()
      } else {
        next({
          path: '/signin',
          query: { redirect: to.fullPath }
        })
      }
    })
  } else {
    next() 
  }
})
export default router

Answer 1

引数なしで next() を使用した場合、本来アクセスしようとしていたページにそのままルーティングされるような挙動になります。

Comments

[fork_]

signIn: function () {
firebase.auth().signInWithEmailAndPassword(this.email, this.password).then(
user => {
alert('Success!')
this.$router.push('/')
},
err => {
alert(err.message)
}
)
}
とサインインメソッドを書いていたので、成功した場合にルート遷移するのは、こういうことだったのですね。。　ありがとうございました！