Vue Router 在首页获取 fullPath 一直都是 '/' ?

[nyse]

// src/main.js

var app = new Vue({
  el: '#app',
  router,
  store,
  ...App,
  created: function() {
    console.log(router);
    
    router.push({
      path: '/init',
      query: {
          redirect: router.currentRoute.fullPath
          // 进入页面时，先统一转跳到 init 页面进行初始化（判断登录状态）
          // 附上当前 fullPath 用于初始化完成后转跳回来
      }
    });
  }
});

为什么在 main.js 中，通过 router.currentRoute.fullPath 或 this.$route.fullPath 后去到的地址都是 '/' ?

[daguaochengtang]

要实现你说的需求应该放在路由守卫里来做
```
router.beforeEach(async (to, from, next) => {
const fullPath = to.fullPath
next({
path: '/init',
query: {
redirect: encodeURIComponent(fullPath)
}
})
})
```

[nyse]

@nikolausliu #1 这个我知道，但是这样的话每次转跳都会被拦截到要怎么处理？

[jeodeng]

@nyse 你的要求不就是都被拦截吗？统一进入 init 页面再跳转

[nyse]

@jeodeng #3 我说的是首次进来，后面在 APP 中转跳当然不用啦

[learnshare]

@jeodeng 判断是否登录不能跳页面，用 #1 的方法处理
只有未登录的状况需要跳到登录页面，顺便带上需要跳回的 URL，登录后跳回来

[nyse]

@learnshare #5 好像也只能这样，这样的话就每次转跳前做判断，感觉不是很完美。

就是不知道有没有哪个地方可以实现第一次进入就执行一次。

[agdhole]

@nyse #6 存到 localstorage 判断是否是第一次就行了

[nyse]

@agdhole #7 关键就是用来 beforeEach 这个钩子，每次转跳都会触发，感觉不是很合理


虽然性能也没啥影响

[markzyh]

路由守卫，根据 from 判断是否是第一次

[learnshare]

@nyse 每次跳转都检查才对，因为你也不知道用户以哪个页面作为入口

[daguaochengtang]

关于“为什么在 main.js 中，通过 router.currentRoute.fullPath 或 this.$route.fullPath 后去到的地址都是 '/' ?”
因为 created 的时候，“路由还没有挂载，打印的是根路由”。我这个说法可能不是很准确，明白这么个意思就行。你可以试下下面的代码：
```
created: function() {
console.log(router.currentRoute.fullPath)
setTimeout(() => {
console.log(router.currentRoute.fullPath)
}, 2000)
}
```
第一个打印的是“/”，第二个打印的是当前页面的实际路由。所以你可以在这个 created 里做一个轮询来判断，但是我还是觉得用 beforeEach 更规范一点

[nyse]

@nikolausliu #11 是的，这个我有试过

目前的情况就是希望在生命周期有某个环节，当首次进入的时候执行一次最好了。

因为轮询和 beforeEach 感觉都不是很优雅，虽然性能基本没影响。

我目前是在 beforeEach 处理的。