背景:
最近在做一个 vue 手机端H5的项目,项目中的一些外链来自外网第三方,直接用a标签链接,在pc端可以点击打开,但是一旦部署后,用手机点击链接是没有任何反应的,但是单独把链接复制出来手机浏览器中是可以打开的,在手机端H5页面是打不开,并且错误信息为 403(forbidden)
解决方案
在 html 的 head 标签内加上一个meta标签
<meta name="referrer" content="no-referrer"/>
http加s的话还是不能打开链接,要把http的s去掉,然后加上链接就能正常打开了
原因
这个是因为外链的服务器为了防止别人盗取资源做了限制
一般打开页面会有一个referrer,如果是从其他页面跳转过去,这个referrer会带着原来的页面地址,服务器检测到之后就会限制访问,将其设置为no-referrer就不会带原页面的地址,服务器会认为是直接在浏览器中输入地址打开,就不会限制了