今天在做移动端切换pc端时本来想用document.referrer来获取前一页的url,但是发现document.referrer怎么也不对,查阅资料发现document.referrer会在一些情况下失效。感觉有位大佬写的很好,把链接放着了->浅析document.referrer
虽然知道了原因,但我觉得还是难以规避document.referrer失效的问题,所以换了另一种方法来获取前一页的url。
因为我的项目是用vue搭建的,所以我利用vue router中的监听路由变化来实现我的目的。具体代码如下所示:
data(){
return {
href:''
}
}
watch:{
$route:{//这样才能监听到
immediate:true,//刷新页面后立即监听
handler(to,from){
if(from){//可能会为空,所以要先判断
this.href=from.path
}else{
this.href=''
}
}
}
},
methods:{
}