a标签跳转新地址无法访问，但手动输入新地址可以访问

问题描述

• 最近遇到一个有意思的问题，项目中有一个地方，点击需要跳转到一个新的域名地址
• 笔者使用a标签做跳转，跳是跳过去了，可是跳过去以后，反而打不开了，显示403佛伯乐
• 蛤？

大致这样的代码：

点击跳转

原因分析

• 既然跳过去出问题，那么猜测是另外一个项目做了拦截
• 于是就去问问之前负责过http://abcdefg.com这个项目的同事
• 被告知：
• 为了安全考虑，对document.referrer进行了拦截判断（前后端均可拦截操作）
• https://developer.mozilla.org/zh-CN/docs/Web/API/Document/ref...
• 了解，既然直接跳过去，会把referrer带着，那么就想办法，不带着就行了

4种解决方案

from

推荐下面的解决方案三

    
    
    
    
    

    
    



    
    点击跳转

    
    

referrer

可以用vscode的插件live serve跑一下两个html文件，效果更佳

referrer的用处

• document.referrer这个字段记录了，项目是怎么被打开的（是直接浏览器地址栏打开，还是从某个地方跳转过来打开的）
• 可以统计访问源，或做一些控制，或者可以返回到访问源

A bad pen is better than a good memory...