vue-routerミドルウェアを使用してユーザをページに戻すにはどうすればよいですか？

Question

私は次のコードを作成して、私のvueコンポーネントにミドルウェアとして機能します。

Router.beforeEach(
    (to, from, next) => { 
    if (to.matched.some(record => record.meta.forVisitors)) { 
     if (Vue.auth.isAuthenticated()) { 
     next({ 
      path: '/home' 
     }) 
     } else next() 
    } else if (to.matched.some(record => record.meta.forAuth)) { 
     if (!Vue.auth.isAuthenticated()) { 
     next({ 
      path: '/login' 
     }) 
     } else next() 
    } else if (to.matched.some(record => record.meta.forLog)) { 
     if (Vue.auth.isAuthenticated()) { 
     next({ 
      path: from() 
     }) 
     }else if (!localStorage.getItem('validUser')) { 
       next({ 
      path: '/login' 
     }) 
      } else next() 
    } else next() 
    } 
) 

ほとんどのミドルウェアが正常に動作しています。 from()は機能しません。 私はfromとしてこれをやろうとしましたが、彼は彼が来たページにユーザーをリダイレクトしていません。あなたがfromをCONSOLE.LOG場合

Answer 1

あなたはからはstringが、オブジェクトではないことを見ることができ、次の

Object {name: null, meta: Object, path: "/", hash: "", query: Object…} 
fullPath 
: 
"/" 
hash 
: 
"" 
matched 
: 
Array(0) 
meta 
: 
Object 
name 
: 
null 
params 
: 
Object 
path 
: 
"/" 
query 
: 
Object 
__proto__ 
: 
Object 

を取得します。その代わり、

else if (to.matched.some(record => record.meta.forLog)) { 
    if (Vue.auth.isAuthenticated()) { 
    console.log(from); 
    next({ 
     path: from.path 
    })