vue 网络图片访问不到,403的解决办法(详解)

发布时间 2023-11-05 22:42:42作者: sgj191024

index.html中添加 

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

原因:

防盗链的机制:
通过页面的referrer信息,判断访问者来源,是否本站点,然后对图片等请求作出相应

no-referrer:
1、整个 Referer 首部包含了当前请求页面的来源页面的地址,即表示当前页面是通过此来源页面里的链接进入的。
2、服务端一般使用 Referer 首部识别访问来源,可能会以此进行统计分析、日志记录以及缓存优化等。
3、首部会被移除。访问来源信息不随着请求一起发送。

隐藏请求体中标注来源referrer字段,referrer字段只能隐藏,不能定制,
这样服务器端的防盗链就无法检测

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	 <meta name="referrer" content="no-referrer" />