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

最新推荐文章于 2024-02-26 11:29:30 发布
原创 最新推荐文章于 2024-02-26 11:29:30 发布 · 602 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

本文介绍了在Vue项目中遇到的403错误，分别是v-html渲染video无法播放和在线浏览PDF受阻。针对这两个问题，提供了解决方案：通过设置`<meta name=referrer content=never>`来禁止referrer，从而解决视频播放的403错误；对于PDF预览，同样通过设置`<meta name=referrer content=no-referrer/>`来禁用网站referrer，实现PDF的在线浏览。这两个方法有助于提升用户体验。

错误码 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" />
Nginx 反向代理访问html请求，html访问js，css资源报403错误问题记录
qq_25424689的博客
06-05 4871
Nginx 反向代理访问html请求，html访问js，css资源报403错误问题记录 环境介绍 三方公司给了我一个html页面请求地址，需要我这边提供一个对外访问入口然后去跳转访问他们提供的html地址。所有我采用了nginx做了一个反向地址代理，通过我们提供的地址访问到我方服务器nginx服务然后跳转到三方提供的html页面。 问题描述 nginx反向代理转发html页面以后，发现访问html报获取js，css信息出现错误（Failed to load resource: the server resp
H134_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip
08-04
6. 资源优化：为了提高网页加载速度，可能涉及到图片压缩、CSS和JavaScript的合并与压缩、延迟加载等技术。 7. 移动优先策略：考虑到移动设备的普及，现代网站设计往往采用移动优先的方法，先设计适合小屏幕的布局...
访问三方网站链接报403
smart_dream
02-04 1602
直接复制地址，在新窗口打开，却没有任何问题，可以正常访问。在网站中点击链接跳转访问报403。
http访问报错403 forbidden，http访问正常
企业实战系列集 ●●● https://ximenjianxue.blog.youkuaiyun.com
05-28 2435
##【故障现象】 重保期过后，恢复业务系统，发现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 7148
调用外部接口，报403错误 在项目FreeMusic（一个音乐网站，喜欢的可以看下谢谢）中调用酷狗 MP4 资源的时候，无法播放，报403错误。然而直接在浏览器地址栏回车则可以正常播放。 报403错误则是访问被拒绝，既然我做了跨域处理还被拒绝这里就要提及浏览器的防盗链机制。 防盗链机制 当你的项目和需要访问的地址不在同一个域内，这时浏览器的防盗链机制就发挥作用了。其中防盗链是利用HT...
图片的请求出现403错误：GET http://xxxxxxxxxxxx 403（Forbidden)解决方案
gztrljh
05-21 1840
head头中加即可 <meta name="referrer" content="no-referrer" /> 参考地址 https://segmentfault.com/a/1190000017896469
在ts文件中引入外链https://cdn.jsdelivr.net/要怎么操作
最新发布
08-22
- CDN.jsdelivr.net 可能因网络问题访问不稳定，可以替换为其他子域（如 `fastly.jsdelivr.net` 或国内资源如 `cdn.staticfile.org`）[^1]。 - 确保CDN链接指向具体的库文件（如`vue.js`），而不是根目录。 #### ...
静态网站首页HTML模板含完整CSS与图片资源
图片资源作为重要组成部分，应经过压缩处理以减少加载时间，同时使用适当的alt文本以支持图像无法加载时的信息传达和搜索引擎识别。 进一步分析，“Web设计”涵盖更广泛的跨学科知识，包括色彩搭配（如主色调与辅助...
CSS外链式引入与样式规则详解
此外，由于浏览器会对静态资源（包括CSS文件）进行缓存处理，用户首次访问后再次加载相同样式资源时无需重复下载，显著减少了网络传输量，提高了页面响应速度。 接下来，文章还详细讲解了CSS样式规则的基本语法格式...
响应式网站前端源码模板含HTML/CSS/JS资源
“网站前端网页源码模板 (731).zip” 是一个典型的前端开发资源包，主要面向网页设计与开发人员、初学者或需要快速搭建静态网站的用户。该压缩包内包含完整的静态网页结构，涵盖了构建现代网页所需的核心技术元素：...
关于解决直接访问某个页面报403，然而直接复制地址，在新窗口打开，却没有任何问题，可以正常访问。
qq_45882125的博客
09-15 2690
关于解决直接访问某个页面报403，然而直接复制地址，在新窗口打开，却没有任何问题，可以正常访问。
如何解决引入外部文件（图片、js等）出现403 forbidden的问题
siriva的博客
05-08 7460
页面中引入外网的链接资源，会产生一个新的http请求。为了安全（URL里可能包含用户信息），浏览器一般都会给这写请求头加上表示来源的referrer 字段。 所以，此时我们需要隐藏外部链接中的referrer，在head标签中加入meta，代码如下： &lt;meta name="referrer" content="no-referrer"/&gt;...
PDF编译出现错误解决办法
weixin_30951231的博客
06-28 280
今天在编译PDF时发现使用了一下STL中的z数值极限<Numeric Limits>竟然编译不过， return GetRangeConstraint(value <= std::numeric_limits<Dst>::max(), true); 出现如下错误： warning C4003: “max”宏的实参不足error ...
项目中, 后端使用其他网站的图片等资源报403与404错误
weixin_46873254的博客
08-10 1115
出现404与404错误原因 因为我们的服务器里面的图片并不是自己的，而是从网上找的一些图片链接; 403原因：没有权限。 有的服务器图片做了防盗链处理，不允许在别人的网页去获取他们的服务器; 404原因：路径错误。 有的图片可能被别人删除、更改域名、服务器、项目停止维护等原因，导致目标资源不存在, 无法获取. 解决 解决方案：给你的html页面添加meta信息 <meta name="referrer" content="no-referrer" /> 原理：别人怎么知道我在使用他
element table实现拖拽效果
Dark_programmer的博客
07-28 6752
行百里者半九十 table拖拽一、安装插件并引入二、插件使用 关于拖拽效果，之前手动写过拖拽交换的逻辑，但因为这次拖拽的是element的table行，所以想找下有没有好用的插件。 经过一番查找，找到一个很nice的插件SortableJS，功能强大的JavaScript 拖拽库 使用介绍： 安装插件并引入 获取拖拽元素的父元素 创建并配置相关参数 回调函数使用 注意： element table务必指定row-key，row-key必须是唯一的，如ID，不然会出现排序不对的情况，但是不可用ind.
vue - - - - Vue3+i18n多语言动态国际化设置
Dark_programmer的博客
02-26 6323
Vue3+i18n多语言动态国际化设置
vue（vue2.x & vue3.x） 使用 lodash
Dark_programmer的博客
04-27 5838
前人栽树，后人乘凉 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 5257
有的时候，想要根据返回数据用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 4335
效果图： 有的时候，在图片或者标签的左（右）上角展示一个角标。那么该如何实现呢？ 思路： 图片包裹在一个容器里，且这个容器有定位属性便于后代元素进行定位，溢出部分隐藏（为了仅显示一个三角） 一个角标标签，旋转45度+绝对定位（top:角标标签高度的一半，right:角标标签宽度的一半） 角标标签内部一个元素，用于控制文案展示在角标标签的底部 代码如下： <template> <div class="root-container"> <h2 class="m
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值