如何在vuejs中获得http refere？

Question

我想从我的页面中的用户来自哪个页面。

目前，我想在我的created（）或mounted（）页面中获取此信息。使用此。$ router或this。$ route但它们都不包含此信息。

我知道在导航卫士中，我们可以使用这个：

router.beforeEach((to, from, next) => { })

知道页面的来源，但是我不想使用router.beforeEach，因为那是在我的main.js中找到的，但是我想让referer在我的组件页面中，或者在创建中/挂载方法

这可能吗？

Answer 1

您可以在App.vue中的mounted（）挂钩中使用this.$route.query。你不需要router.beforeEach，因为它没有意义。 App.vue挂载一次，当app加载时，这是检查路由器查询参数的好地方。

Answer 2

router.beforeEach((to, from, next) => {
       console.log(to.query)
       console.log(to.query.utm_source)
})

如果网址为product/3?utm_source=2. 控制台日志

{utm_source: "2"}
2