vue 獲取 referer

有人封裝了一個npm包，參考地址：https://www.npmjs.com/package/@tozd/vue-router-referer

@tozd/vue-router-referer

This NPM package provides a Vue plugin which exposes the route object of the previous route for Vue Router, under this.$router.referer.

Installation

This is a NPM package. You can install it using NPM:

$ npm install @tozd/vue-router-referer

It requires vue and vue-router peer dependencies:

$ npm install vue vue-router

Usage

First, you have to register the package as a Vue plugin:

import Vue from 'vue'; import VueRouterReferer from '@tozd/vue-router-referer'; Vue.use(VueRouterReferer);

源碼很簡單，如下：

export default function install(Vue, options) {
  Vue.mixin({
    beforeRouteEnter(to, from, next) {
      next((vm) => {
        if (vm.$router) {
          vm.$router.referer = from;
        }
      });
    },

    beforeRouteUpdate(to, from, next) {
      if (this.$router) {
        this.$router.referer = from;
      }
      next();
    },
  });
}

主要是利用了導航守衛做的。