vue 网络图片访问不到，403的解决办法（详解）

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" />

　　

posted @ 2023-11-05 22:38  sgj191024  阅读(849)  评论(0)    收藏  举报