Vue.jsでアクセス元(referrer)を取得する
リファラーのデータを集め用とした際に、document.referrerを使っても前のページが取得出来なかった。
$routeを使っているとdocument.referrerで接続元が取れないらしい。
下記のようにbeforeRouteEnterを用いることで、接続元を取得することが出来た。
data() {
return {
prevRoute: null
};
},
beforeRouteEnter(to, from, next) {
next(vm => {
vm.prevRoute = from
})
},
methods: {
hogehoge() {
console.log("リファラー:" + this.prevRoute.path);
}
}
参考サイト
-
前の記事
Vue.jsで複数のclassを条件に合わせてつける 2021.01.14
-
次の記事
Vue.jsで同一ページでパラメーターが変更されたことを検知する 2021.12.10