首页 > 其他分享 >vue 网络图片访问不到,403的解决办法(详解)

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

时间:2023-11-05 22:45:58浏览次数:43  
标签:vue 请求 首部 referrer 访问 详解 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" />

  

标签:vue,请求,首部,referrer,访问,详解,403,来源,页面
From: https://www.cnblogs.com/sgj191024/p/17811416.html

相关文章

  • Maven详解
    一.前言   以前做过的项目中,没有真正的使用过Maven,只知道其名声很大,其作用是用来管理jar包的。最近一段时间在项目过程中使用Maven,用Maven构建的web项目,其项目结构只停留在了解阶段,没有深入的使用与理解,刚好最近看了一篇关于Maven的详解;就开始深入学习一下Maven的具体应用。......
  • Vue3 echarts 组件化使用 resizeObserver
    点击查看代码constresizeObserver=ref(null);//进行初始化和监听窗口变化onMounted(async()=>{awaitnextTick(()=>{initChart();setOptions(options.value,opts.value??true);});window.addEventListener('resize',handleResize);resizeO......
  • 【MySQL】MVCC机制、ReadView数据结构、匹配规则详解
    (目录)MySQLMVCC机制1.隔离级别在MySQLInnoDB存储引擎下,RC、RR基于MVCC(多版本并发控制)进行并发事务控制MVCC是**基于”数据版本”**对并发事务进行访问2.场景分析UNDO_LOG不是会被删除吗?中间数据万一被删了版本链不就断了?UNDO_LOG版本链不是立即删除,MySQL确保版......
  • 第五步:vue-拦截器
      //interceptors:拦截器axios.interceptors.request.use(x=>{varuserinfo=window.localStorage.getItem(config.userkey);if(userinfo){varuser=JSON.parse(userinfo);x.headers.Authorization=`Bearer${user.userToken}`}returnx......
  • Linux脚本:批量启动docker容器、批量启动springboot、批量启动Vuejs
    批量启动springboot#!/bin/bash#检查容器是否已经启动check_container(){sudodockerps|grep"$1">/dev/nullif[$?-ne0];thenecho"$1containerisnotrunning.Starting$1..."sudodockerstart"$1"elseecho......
  • MySQL教程:缓冲池Buffer Pool详解
    用于存储数据库的数据页和索引页查看缓冲池的大小showvariableslike'innodb_buffer_pool_size';查看缓冲池的使用情况showengineinnodbstatus;分析缓冲池命中率showstatuslike'innodb_buffer_pool_hit_rate';缓冲池满了LRU内存淘汰策略最近最少使用写回策略......
  • WSL 运行vue项目
    1.运行vue项目因为wsl环境的不同,使用npmrunserve运行vue项目失败,提示错误vue-cli-service未找到。经过测试,发现yarn可以顺利的运行项目。#首先安装vue所需的模块yarninstall#然后运行项目yarnserve ......
  • [NewStarCTF WEEK5] pwn-planet 详解
    这道题目更多是考pwner的逆向功底(虽然程序逻辑也不是非常复杂=_=)老规矩,先checksec查看程序保护全开看一下main函数__int64__fastcallmain(inta1,char**a2,char**a3){unsignedintv4;//eaxchars1[88];//[rsp+20h][rbp-60h]BYREFunsigned__int64v6;......
  • SortableJS:vuedraggable实现元素拖放排序
    文档:https://sortablejs.github.io/Sortable/github:https://github.com/SortableJS/SortableVue2:https://github.com/SortableJS/Vue.DraggableVue3:https://github.com/SortableJS/vue.draggable.nextnpmhttps://www.npmjs.com/package/vuedraggable#vue2npminst......
  • Vue学习笔记6:深度监视
    6.深度监视监视number.a的变化:<!--准备好一个容器--><divid="root"><h3>a的值是:{{numbers.a}}</h3><button@click="numbers.a++">点我让a+1</button></div><scripttype="text/javascript">......