最近需要记录referrer,方便分析页面的流量来源。因为用的是vue开发的单页面应用,所以打算从vue-router入手解决问题。navigationguard本来打算从这里获取from,但是好像获取不到referrerbeforeRouteEnter(to,from){//在渲染组件的对应路由验证之前调用//获取不到组件实例`这个`!//因为守卫执行的时候,组件实例还没有创建!},document.referrerDocument.referrer返回一个URI,当前页面从这个URI代表的页面重定向或打开。如果用户直接打开该页面(不是通过页面跳转,而是通过地址栏或书签等方式打开),该属性为空字符串。这样就可以在vue组件的创建和挂载中获取到document.referrer。mounted(){//console.log(document.referrer)//joinisfromhttps://segmentfault.com/跳转到你的应用,然后会输出//https://segmentfault.com/}summary即可可见从vue-router入手并不是解决这个问题的正确方向,document.referrer很直白。
