Vue.jsでアクセス元(referrer)を取得する

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);
    }
}

参考サイト

teratail
VueRouterで前のページのURLを取得することは可能でしょうか?
https://teratail.com/questions/144729
stackoverflow
vue-router - How to get previous page url?
https://stackoverflow.com/questions/53788975/vue-router-how-to-get-previous-page-url