我如何在 Nuxt js 中找到以前的路线?
How can i find previous route in Nuxt js?
我可以在 vueDevTools 中看到之前的路线。
我如何从 this.$router
或 this.$route
访问这些数据??
最简单的方法是从 header
export async function getServerSideProps(context) {
console.log(context.req.headers.referer)
}
更新答案
从 开始,您似乎正在寻找加载 SPA 的初始位置。
为此,您可以查看 this.$router.history._startLocation
并以此为基础制定一些条件。
您可以像这样从 Nuxt context(在 asyncData
、plugins
、middleware
和 nuxtServerInit
中访问它
<script>
export default {
asyncData({ from }) {
console.log('coming from?', from)
},
}
</script>
否则你也可以用Vue-router的navigation guards来访问:https://router.vuejs.org/guide/advanced/navigation-guards.html#navigation-guards
哪个可以这么写
<script>
export default {
beforeRouteEnter(_to, from, next) {
next((vm) => {
console.log('router guard', from)
next()
})
},
}
</script>
我可以在 vueDevTools 中看到之前的路线。
我如何从 this.$router
或 this.$route
访问这些数据??
最简单的方法是从 header
export async function getServerSideProps(context) {
console.log(context.req.headers.referer)
}
更新答案
从
为此,您可以查看 this.$router.history._startLocation
并以此为基础制定一些条件。
您可以像这样从 Nuxt context(在 asyncData
、plugins
、middleware
和 nuxtServerInit
中访问它
<script>
export default {
asyncData({ from }) {
console.log('coming from?', from)
},
}
</script>
否则你也可以用Vue-router的navigation guards来访问:https://router.vuejs.org/guide/advanced/navigation-guards.html#navigation-guards
哪个可以这么写
<script>
export default {
beforeRouteEnter(_to, from, next) {
next((vm) => {
console.log('router guard', from)
next()
})
},
}
</script>