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

背景:

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

解决方案

在 html 的 head 标签内加上一个meta标签

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

http加s的话还是不能打开链接，要把http的s去掉，然后加上链接就能正常打开了

原因

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