Vue 라우터 - 경로 간에 쿼리 매개 변수를 전달하는 방법

Vue 라우터 - 경로 간에 쿼리 매개 변수를 전달하는 방법

다음과 같은 시나리오가 있는데...

사용자가 경로를 방문할 때/intended/page, 그들은 다른 경로로 리디렉션된다, 라고 말한다./foo/page?next=/intended/page. 쿼리 매개 변수를 추가함next=/intended/page원래 경로를 지키려고리디렉션 경로에서 사용자는 일련의 다른 페이지/구성 요소를 거치게 된다./bar/page그때/baz/page내가 그들을 원래 경로로 데려가고 싶은 마지막 부분에서.문제는 바·바즈 노선 옆을 어떻게 통과하느냐다.나는 내가 Vuex에 쿼리 파라미터를 저장할 수 있다고 생각하지만 vue 라우터를 사용하는 더 간단한 방법이 있을 수 있다.글로벌 가드로 해 봤는데

router.beforeEach((to, from, next) => {
    if (from.query.next) next({path: to.path, query: {next: from.query.next}});
    else next();
});

하지만 난 무한 루프에 빠졌어좋은 생각 있어?

각 경로 전에 쿼리 문자열 매개 변수 런타임을 편집하려면 대상만 편집하십시오.쿼리 개체:

예:

to.query.site = 'mysite';

그 다음:

next({path: to.path, query: to.query})

URL이 /#/?name=Gianni인 경우 /#/?name=Gianni&site=mysite로 리디렉션됨:

참조URL: https://stackoverflow.com/questions/61467029/vue-router-how-to-pass-along-query-params-between-routes