当前位置: 首页 > 知识库问答 >
问题:

前端 - 为什么同样的 html ,线上打不开百度的 url?

裴心思
2023-12-22

为什么同样的 html ,线上打不开百度的 url

但是保存为本地 html,然后在浏览器打开本地 html 却可以显示百度 url 图片

<tr data-row-key="157941061"    class="ant-table-row ant-table-row-level-0">    <td class="ant-table-cell">        <!---->276b206633e200641d3f9ddabc657888<!----></td>    <td class="ant-table-cell"><!---->image<!----></td>    <td class="ant-table-cell"><!---->        <div> ✅ </div><!---->    </td>    <td class="ant-table-cell"><!---->        <div>            <div>                <div class="ant-image ant-image-error"                    style="width: 200px;"><img class="ant-image-img"                        src="https://pics4.baidu.com/feed/1f178a82b9014a90f83879312a0a501eb21bee45.jpeg@f_auto?token=9239a3fdc3e8e54f5cfb422db8ce1578"><!----><!---->                </div><!---->            </div>        </div><!---->    </td></tr><!---->

鉴于已开启内容拦截功能,而这个请求来自跟踪器,已拦截“https://pics1.baidu.com/feed/7c1ed21b0ef41bd54d224b9c53ecdcc1...”对 Cookie 或存储空间的访问请求。

图片.png

图片.png

是百度在作恶吗?怎么解决呢?


图片.png

我把这些都关了,还是一样不行

是 firefox 在拦截百度?还是百度在拦截我?

我这里只是访问一个图片,为什么会出现 cookie 问题?访问图片又不是访问带 js 的 html,并不会有危险操作呀?

共有2个答案

樊博雅
2023-12-22

图片链接应该开启防盗链了,破解防盗链 https://juejin.cn/post/6911242598266978311

常温文
2023-12-22

这个是大部分图像托管平台都会使用的 【防盗链】 机制,为了保护版权、防止盗图之类的行为,会为非正常访问的请求进行拦截

一般来说,会通过 token 或者 Referer 等进行校验,判断你是浏览器访问还是在外链图片

正常来说是 不推荐 绕过的,但也并不是没有办法,例如更改 referer 规则、字符串替换图源加载等,如果只是短期需求,那删除 @f_auto?token 及其后面的内容即可(不保证不会再次被拦截)。当然,通过浏览器把图片缓存到本地可以避开这个问题,就是不适合批量替换

出于对版权保护的尊重,本回答只解释产生原因,不提供具体解决方案,这些方案在网上是有很多的,题主可自行解决

 类似资料:
  • 一面一周了还没有动静,可能凉了,分享一下经验~~ 一面(60min): 1.自我介绍 2.当用户输入一个url到浏览器渲染出整个页面的流程,详细介绍(太紧张说反了两个步骤) 3.浏览器拿到服务器返回的HTML后,是怎么渲染出页面的 4.如果过程中涉及HTTP缓存是怎么样的 5.对HTTPS的了解,实现原理,主要是加密部分 6.网络安全,XSS和CSRF攻击,怎么防范 7.CSS的盒模型(感觉面试官

  • 2023年最后一波日常实习面经,2024也要继续加油💪 ~ 一面 时长:45min 有在用 Github 么 ✅ 平时有用到 Nginx 么 ✅ Vue 场景:input框,下面一个div盒子展示input的value。讲述一下input值改变后,Vue渲染的过程(深入一直聊,一直问)✅ React 说一下 Ract 中常用的 Hooks ✅ 你说到了useMemo,有哪些应用场景 ✅ 实习相关

  • 用svg将两个圆叠加,为什么后者比前者粗?

  • 1.自我介绍 2.作用域 3.闭包 4.原型链 5.一个对象内部重写了hasOwnProperty,如 const foo = { hasOwnProperty() { return false }, bar: 'bar' } 然后调用obj.hasOwnProperty('bar'),返回false,如何返回true(对象的原型有为原生的hasOwnProperty) 答案:const resu

  • 百度笔试 3.58 百度一面 4.11 字符串逆序 变量提升 手写call 实现Promise.retry 实现一个方法,每隔一秒输出1,2,3,4,5 啊啊啊百度直接挂了,我太垃圾了!!!在这之前根本没做过相关的题目,上来两眼懵逼!#百度前端实习##百度前端面经#

  • 因为最近没有offer,所以投了一些实习 如题 被拷打 问我工程化都做了些什么 说了一点就被打断了,说你提到了那你说一下ts,于是我说了ts的意义 又打断,说我不要背书 说想知道我深入理解ts到什么程度 我说我没怎么深入理解,平常使用是可以的 她回了句,就会调API是吧。。 接着问我 ts 类型系统怎么实现 让我介绍编译原理 问我类型检查在编译原理里的哪个阶段 问我深入学习了什么 我说最近有看Ja