【Vue】前端解决外部图片防盗链问题

• 方法一：
  在index.html的meta标签添加content="no-referrer"，此方法不仅可以解决图片，还可以解决视频等媒体跨站请求跨域问题：

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

• 方法二：
  在img标签上添加referrerpolicy="no-referrer"：

<img src="www.xxx.com" alt="xx" referrerpolicy="no-referrer" />

• 方法三：
  在发起图片请求new Image()的时候加入setAttribute('referrerpolicy', 'no-referrer')：

const newImg = new Image();
newImg.setAttribute('referrerpolicy', 'no-referrer');
newImg.src = 'xxx';
newImg.onerror = () => {};
newImg.onload = () => {};