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