项目中, 后端使用其他网站的图片等资源报403与404错误

news/2024/7/10 1:30:56 标签: vue, web, html5
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

出现404与404错误原因

  1. 因为我们的服务器里面的图片并不是自己的,而是从网上找的一些图片链接;
  2. 403原因:没有权限。 有的服务器图片做了防盗链处理,不允许在别人的网页去获取他们的服务器;
  3. 404原因:路径错误。 有的图片可能被别人删除、更改域名、服务器、项目停止维护等原因,导致目标资源不存在, 无法获取.



解决

  1. 解决方案:给你的html页面添加meta信息
    • <meta name="referrer" content="no-referrer" />
  2. 原理:别人怎么知道我在使用他的图片呢? 因为我们网页再发请求的时候,会自动的在referrer中告诉别人服务器我们自己的ip.这样别人服务器就知道这个人不是他们的网站,是其他网站来偷图片。
  3. 设置no-referrer,别人就不知道我们是谁。就会把我们当成自己人了~

请添加图片描述


http://www.niftyadmin.cn/n/1263683.html

相关文章

聊天室功能-消息过多时, 怎么让滚动条位于最底部?

// 滚动条自动滚到最底部 this.$refs.char.scrollTop this.this.$refs.offsetHeight

ES2015(ES6)+

JES2015-ES6目录名词释义ECMAScriptES2015ES6let 和 const箭头函数函数的参数默认值用法示例模板字符串扩展&#xff08;展开&#xff09; 运算符解构赋值对象解构赋值数组的解构赋值应用-解构赋值结合函数声明对象成员的简写概述Symbol作为对象属性Symbol.for内置SymbolSymbol…

面试-三次握手和四次挥手

面试-三次握手和四次挥手目录TCP/IP报文格式三次握手四次挥手为什么握手一定要三次?为什么挥手一定要四次?TCP/IP报文格式 只针对本节需要讲解的内容, 对报文格式内容进行简单提取: 序列号&#xff08;Sequence Number&#xff09;    该字段用来标识TCP源端设备向目的端…

面试 - 地址栏输入url回车后, 发生了什么?

面试 - 地址栏输入url回车后, 发生了什么?目录URL解析 DNS查询 TCP连接 处理请求 接收响应 渲染页面 答案大致如下&#xff1a; 用户输入URL地址浏览器解析URL解析出域名浏览器将域名转换成服务器ip地址&#xff08;浏览器先查找本地DNS缓存列表 没有的话 再向浏览器默认的DN…

常用vscode插件

常用vscode插件目录Auto Close TagAuto Rename TagBetter CommentsBracket Pair ColorizerChinese (Simplified) Language Pack for Visual Studio CodeCode Spell CheckerCSS PeekEasy LESSHTML CSS SupportHTML SnippetsImage previewJavaScript BoosterLive ServerLiveReloa…

HTTP协议及请求、响应报文

HTTP协议及请求、响应报文目录注意点http协议http请求报文http响应报文注意点 注: 以下图片内容基于Chrome浏览器的 Network面板 抓包获取, 但是抓取的数据并不完全符合规范;有条件的同学可以自行购买“HttpWatch”抓包工具的服务. http协议 http协议: 规定了客户端和服务器之…

vue路由传参-Vue2.x和3.x一样

vue路由传参-目录注意动态路由匹配queryparams注意 作用 &#xff1a; 跳转路由时给组件传参;     类似于以前跳转页面window.location.href 传参注意: 路由地址使用 path, 路由地址前面的 / 可省略, 因为写的是路径;路由地址使用 name, 路由名字前面的 / 必须省略, 因为写…

vue中-图片上传预览和FormData上传

vue中-图片上传预览和FormData上传图片上传预览FormData上传图片上传预览 原理: 通过监听input表单的 change事件, 获取标签的文件 FormData上传 要实现文件上传, 必须借助FormData对象;表单域中, 需要提交的数据, 必须设置name属性, 且取值和接口的参数名一致;FormData实例…