解决引入外部img出现403 forbidden的问题

最新推荐文章于 2021-07-28 14:48:53 发布
最新推荐文章于 2021-07-28 14:48:53 发布
阅读量864 收藏
点赞数
文章标签： http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38938336/article/details/89120123
版权

在项目中页面中引入外网的链接资源，会产生一个新的http请求。为了安全（URL里可能包含用户信息），浏览器一般都会给这写请求头加上表示来源的referrer 字段。
所以，此时我们需要隐藏外部链接中

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

的referrer，在head标签中加入meta，代码如下：

未闻花名_sue
关注
Nginx架构及配置详解
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
09-10 5411
概述 Nginx采用C进行编写，是俄罗斯程序员开发的一款轻量级的可构建Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器的软件， Nginx服务器是一个高性能的HTTP和反向代理web服务器，同时也可提供了IMAP/POP3/SMTP服务。nginx常用作跑静态和做负载反向代理，动态php交给apache处理，因后者比较稳定，jsp交给tomcat、resin或jboss。n......
前端 基础面试问题汇总
技术改变世界
04-24 1209
1&gt;、html5有哪些新标签？ &lt;article&gt; 标签定义外部的内容（外部内容如blog,news）。 &lt;aside&gt; 标签定义article以外的内容（可用做文章的侧栏）。 &lt;canvas&gt;使用JavaScript在网页上绘制图形图像。 &lt;details&gt; 用于描述某个文档部分的内容。 &lt;sum...
img标签src引用网络图片，响应403的解决方法
良之才的专栏
07-07 4847
在html页面加入<meta name="referrer" content="no-referrer">标签，就可以解决页面加载网络图片的问题， 原因大概是网络安全的问题，别人的页面做了安全防护的问题。 在html的head标签中加上： <meta name="referrer" content="no-referrer" /> <!--可以让img标签预加...
img 标签 访问图片 返回403 forbidden问题
weixin_30376453的博客
10-18 474
1.异常信息 F12 2.解决方案 <meta name="referrer" content="no-referrer" /><!--页面头部添加--> 3.说明: <meta charset="utf-8"> <!-- 设置文档字符编码 --> <meta http-equiv=...
vue 后台传的img报403错误
weixin_30815427的博客
07-20 637
在index页面加上这个就行了<meta name="referrer" content="no-referrer" /> 转载于:https://www.cnblogs.com/yourName/p/9341963.html
JavaScript（七）（Navigator/Screen/Cookie/XMLHttpRequest/CORS）
qq_43456781的博客
07-28 1131
JavaScript（七）（Navigator/Screen/Cookie/XMLHttpRequest/CORS） 文章目录JavaScript（七）（Navigator/Screen/Cookie/XMLHttpRequest/CORS）56. Navigator 对象，Screen 对象。56.1 Navigator 对象的属性56.1.1 Navigator.userAgent56.1.2 Navigator.plugins56.1.3 Navigator.platform56.1.4 Naviga
HTML5面试题
YaToue
04-10 1万+
HTML5面试题 一、 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法， 混杂模式是一种向后兼容的解析方法。 触发...
[python爬虫] 爬取图片无法打开或已损坏的简单探讨
weixin_34346099的博客
12-07 3369
本文主要针对python使用urlretrieve或urlopen下载百度、搜狗、googto（谷歌镜像）等图片时，出现"无法打开图片或已损坏"的问题，作者对它进行简单的探讨。同时，作者将进一步帮你巩固selenium自动化操作和urllib库等知识。 感谢朋友"露为霜"的帮助！希望以后能实现强大的图片爬虫代码~ 一. ...
Nuxt v-bind绑定img src不显示的解决
10-15
主要介绍了Nuxt v-bind绑定img src不显示的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Maven--403权限问题解决方式（求解决）
weixin_34072458的博客
11-15 4227
我的程序配置方案例如以下（大牛们相信你们不仅仅是一个传说）： 目的：实现maven公布项目到tomcat以下。用eclipse一步到位调试。 pom.xml配置： <plugin> <groupId>org.apache.tomcat.maven</groupId> <artifactId...
img访问图片出现403 forbidden
WormholeStack
05-20 7715
最近做了一个爬虫项目，需要用img标签展示爬取到的图片信息，发现直接访问地址可以显示但是放入img标签中报403的错误，解决后在此记录。 首先让我们来认识什么是403错误。 什么是 403 forbidden 403 Forbidden是HTTP协议中的一个状态码(Status Code)。可以简单的理解为没有权限访问此站。该状态表示服务器理解了本次请求但是拒绝执行该任务，该请求不该重发给服务器。 所以我们就明白了吧，对方的服务器检查出来我们是异类所以没有给我们权限，我们自然而然就访问不了了啊。 解决方案：
Uncaught (in promise) Error
热门推荐
以沫wh的博客
06-17 3万+
报Uncaught (in promise) Error错误解决办法 基本上是因为使用promise出现的，下面记录一下我的解决办法，有两种情况 使用axios请求接口时，在then()后加上catch() export function stopMCUMixTranscode(params) { return new Promise((resolve, reject) => { axios .post(`********`, params) .then((re
关于img 403 forbidden的一些思考
weixin_30718391的博客
04-19 188
关于img 403 forbidden的一些思考 网页中经常需要显示图片给用户看，对网站本身来说有的图片是从本地图片服务器来的，但是一旦数量多了以后，磁盘空间又是一个问题。 所以有时就希望显示其他网站的Image，直接把其他网站的图片显示在我的网站上。但并不是所有...
vue请求网络图片403错误
sinat_22013107的博客
02-17 891
请求数据中获取图片的地址之后，加载到img的src之后，虽然可以成功，但是显示不出来图片，报出403错误。解决办法： 发现只要在index.html中的head中添加就可以了。 ...
Ionic2 bug
yanyanforest的专栏
08-11 2149
bug1: ionic2 no component factory found for CoursePage 解决方法：在app.module.ts 中导入该文件 import { CoursePage } from '../pages/course/course' 在@NgModule中declarations加入CoursePage entryComponents中加入
jQuery实现页面滚动条自动滚动到需要的位置
zhangzeshan
07-23 1万+
代码如下： <script> $(function(){ $('html,body').animate({scrollTop:1000},'slow'); }) </script> 解读代码：在载入html页面的body这一块内容中，实现滚动进行展示body的某一块内容，scrollTop方法 进行滚动1000像素 （像素越大滚动的越下去，也...
Nginx 出现 403 Forbidden 最终解决方法
最新发布
01-21
以下是解决Nginx出现403 Forbidden错误的几种方法： 1. 检查文件或目录权限：确保Nginx有足够的权限访问所需的文件或目录。可以使用chmod命令修改文件或目录的权限，例如： ```shell chmod -R 777 /opt/html/ ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值