网站内引入外链资源403无法正常加载?网页访问却又正常？

最新推荐文章于 2023-02-04 10:04:29 发布
最新推荐文章于 2023-02-04 10:04:29 发布
阅读量413 收藏
点赞数
分类专栏： html vue 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dark_programmer/article/details/126749335
版权
vue 同时被 2 个专栏收录
57 篇文章 0 订阅
订阅专栏
html
5 篇文章 1 订阅
订阅专栏

错误码 403

案例1:

v-html渲染video不能播放 ，错误码 403

详细案例移步vue使用v-html渲染video不能播放？

解决办法：

<meta name="referrer" content="never">

案例2:

项目内打开pdf地址，错误码 403

如何在线浏览pfd请移步: vue 如何预览pdf文件

效果如图:
在这里插入图片描述

解决方案：

  • 屏蔽自己网站的Referrer，在head标签内添加如下mata标签

代码如下：

<meta name="referrer" content="no-referrer" />
Dark_programmer
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
H134_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip
08-04
6. 资源优化：为了提高网页加载速度，可能涉及到图片压缩、CSS和JavaScript的合并与压缩、延迟加载等技术。 7. 移动优先策略：考虑到移动设备的普及，现代网站设计往往采用移动优先的方法，先设计适合小屏幕的布局...
373_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
08-02
7. SEO优化：考虑到网页模板用于网站构建，源码可能会遵循SEO最佳实践，如正确使用meta标签、优化图片大小和alt属性、合理使用内链和外链等，以提高搜索引擎排名。 8. 可访问性：一个优秀的网站不仅应美观，还应...
访问三方网站链接报403
smart_dream
02-04 1252
直接复制地址，在新窗口打开，却没有任何问题，可以正常访问。在网站中点击链接跳转访问报403。
Nginx 反向代理访问html请求，html访问js，css资源报403错误问题记录
qq_25424689的博客
06-05 4451
Nginx 反向代理访问html请求，html访问js，css资源报403错误问题记录 环境介绍 三方公司给了我一个html页面请求地址，需要我这边提供一个对外访问入口然后去跳转访问他们提供的html地址。所有我采用了nginx做了一个反向地址代理，通过我们提供的地址访问到我方服务器nginx服务然后跳转到三方提供的html页面。 问题描述 nginx反向代理转发html页面以后，发现访问html报获取js，css信息出现错误（Failed to load resource: the server resp
http访问报错403 forbidden，http访问正常
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
05-28 2026
##【故障现象】 重保期过后，恢复业务系统，发现web前端，nginx服务启动正常，但是本地curl -Ik https://内网ip/资源位置/,访问报403错误，但使用10080访问正常，访问资源包401错误； 查看nginx日志： 【问题处理】 1）从日志分析看，查看web文件是否存在，结果web下项目文件为空，遂从备份拷贝web项目文件到资源目录下，重启nginx； 2）curl再次验证，还是报403错误，后查看web项目权限，index为755，参照之前的修改项目内文件为750，index.
报403错误的解决办法
Realm_HuStar的博客
09-14 6562
调用外部接口，报403错误 在项目FreeMusic（一个音乐网站，喜欢的可以看下谢谢）中调用酷狗 MP4 资源的时候，无法播放，报403错误。然而直接在浏览器地址栏回车则可以正常播放。 报403错误则是访问被拒绝，既然我做了跨域处理还被拒绝这里就要提及浏览器的防盗链机制。 防盗链机制 当你的项目和需要访问的地址不在同一个域内，这时浏览器的防盗链机制就发挥作用了。其中防盗链是利用HT...
图片的请求出现403错误：GET http://xxxxxxxxxxxx 403（Forbidden)解决方案
gztrljh
05-21 1668
head头中加即可 <meta name="referrer" content="no-referrer" /> 参考地址 https://segmentfault.com/a/1190000017896469
关于解决直接访问某个页面报403，然而直接复制地址，在新窗口打开，却没有任何问题，可以正常访问。
qq_45882125的博客
09-15 2290
关于解决直接访问某个页面报403，然而直接复制地址，在新窗口打开，却没有任何问题，可以正常访问。
探寻旅拍响应式网页模板
01-23
4. **图片和视频处理**：旅拍主题的网页通常会包含大量高质量的图片和视频，因此，优化这些媒体资源的加载速度和显示效果是关键。这可能涉及到图片懒加载技术、压缩优化、响应式图片大小调整（srcset和sizes属性）...
专业服务信息在线响应式网页模板
01-20
8. **SEO优化**: 通过合理使用元标签、关键词、内链和外链策略，以及确保网站结构清晰，使网页在搜索引擎结果中排名更高。 9. **响应式导航**: 设计适合小屏幕的折叠式导航菜单，便于触摸操作，同时保持在大屏幕...
家居家具网上商城响应式网页模板
01-21
6. **SEO优化**：为了提升搜索引擎排名，模板通常会考虑SEO最佳实践，比如使用有意义的元标签、URL结构优化、关键词策略、内链和外链等，以帮助网站在Google、Bing等搜索引擎中获得更高的可见性。 7. **多语言支持*...
如何解决引入外部文件（图片、js等）出现403 forbidden的问题
siriva的博客
05-08 7335
页面中引入外网的链接资源，会产生一个新的http请求。为了安全（URL里可能包含用户信息），浏览器一般都会给这写请求头加上表示来源的referrer 字段。 所以，此时我们需要隐藏外部链接中的referrer，在head标签中加入meta，代码如下： &lt;meta name="referrer" content="no-referrer"/&gt;...
element table实现拖拽效果
Dark_programmer的博客
07-28 6183
行百里者半九十 table拖拽一、安装插件并引入二、插件使用 关于拖拽效果，之前手动写过拖拽交换的逻辑，但因为这次拖拽的是element的table行，所以想找下有没有好用的插件。 经过一番查找，找到一个很nice的插件SortableJS，功能强大的JavaScript 拖拽库 使用介绍： 安装插件并引入 获取拖拽元素的父元素 创建并配置相关参数 回调函数使用 注意： element table务必指定row-key，row-key必须是唯一的，如ID，不然会出现排序不对的情况，但是不可用ind.
vue（vue2.x & vue3.x） 使用 lodash
Dark_programmer的博客
04-27 5460
前人栽树，后人乘凉 vue3.x的时代，已然来临。相对于vue2.x的版本，是有很大的变化出入。 在此，仅记录vue3.x使用lodash的操作 一、安装 npm i lodash -S or yarn add lodash -S 二、使用 2.1 vue3.x使用 在需要使用lodash的组件内进行引入 import _ from 'lodash'; setup(){ // 防抖 const _debounce = _.debounce(function() { // ..
vue使用v-html渲染的标签，如何绑定事件？
Dark_programmer的博客
01-25 4486
有的时候，想要根据返回数据用v-html渲染标签，还需要给该标签绑定事件。但是渲染后的html里面写绑定事件的代码没有经过vue编译，所以事件无效。 错误示范如下： //html <div> 下面是使用v-html进行渲染 <div v-html="htmlStr" /> </div> // 数据 data(){ return{ htmlStr: "<p class='p-render' @click='clickHandle'>我是被v-
vue -- 角标的添加
Dark_programmer的博客
12-17 3749
效果图： 有的时候，在图片或者标签的左（右）上角展示一个角标。那么该如何实现呢？ 思路： 图片包裹在一个容器里，且这个容器有定位属性便于后代元素进行定位，溢出部分隐藏（为了仅显示一个三角） 一个角标标签，旋转45度+绝对定位（top:角标标签高度的一半，right:角标标签宽度的一半） 角标标签内部一个元素，用于控制文案展示在角标标签的底部 代码如下： <template> <div class="root-container"> <h2 class="m
vue使用v-html渲染video不能播放？
Dark_programmer的博客
03-01 3354
有个重构项目的需求，其中有个功能就是渲染后端返回的html字符串。 一般的标签展示出来没问题，但是在有video标签时出现了问题，此时控制台有一些403的报错 如果直接在网上找的视频，是可以直接使用的，但是调了接口就会出现403的报错 video标签加载出来了，但是不能进行控制播放 代码： <div class="html_container text_start" ref="content" v-html='vHtml'></div> <script> export
vue监听scroll事件无效？（踩坑记录）
Dark_programmer的博客
01-11 3242
前端使用技术为VUE 踩坑记录 最近在项目里，因为需要监听滚动事件，就直接写监听代码如下： 尝试一、 html: <div id="scroll-div" @scroll="scrollHandle"> 监听我的滚动 <div> js: scrollHandle() { console.log("scrolll"); }, 但是事件并没有执行。于是想通过addEventListener原生的方式进行监听。将代码写入mounted 尝试二、 html: moun
seo公司内部中文外链资源集合
最新发布
08-19
SEO公司内部中文外链资源集合是指SEO公司积累的用于建设客户网站外部链接的中文资源。这些资源可以包括以下几个方面： 1. 媒体资源：SEO公司可以通过合作或购买的方式积累了大量的中文媒体资源，包括新闻网站、专业...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值