Meta referrer的作用,第三方外链在VUE中打不开

背景:

最近在做一个 vue 手机端H5的项目,项目中的一些外链来自外网第三方,直接用a标签链接,在pc端可以点击打开,但是一旦部署后,用手机点击链接是没有任何反应的,但是单独把链接复制出来手机浏览器中是可以打开的,在手机端H5页面是打不开,并且错误信息为 403(forbidden)

解决方案

htmlhead 标签内加上一个meta标签

<meta name="referrer" content="no-referrer"/>

http加s的话还是不能打开链接,要把http的s去掉,然后加上链接就能正常打开了
Meta referrer的作用,第三方外链在VUE中打不开_第1张图片

原因

这个是因为外链的服务器为了防止别人盗取资源做了限制
一般打开页面会有一个referrer,如果是从其他页面跳转过去,这个referrer会带着原来的页面地址,服务器检测到之后就会限制访问,将其设置为no-referrer就不会带原页面的地址,服务器会认为是直接在浏览器中输入地址打开,就不会限制了

你可能感兴趣的:(H5,vue)