前端跳转链接报错403的原因以及解决方案

在跳转时清除请求头中的Referer信息，解决403 forbidden

前端中做第三方外链跳转的时候，按照以下方式跳转，即可清除请求头中的Referer信息，正常访问第三方外链
const parm = '\u003cscript\u003elocation.replace("' + url + '")\u003c/script\u003e';
const str = 'javascript:window.name;'
window.open(str, parm);
可以直接在index.html添加以下代码
<meta name=referrer content=no-referrer>
接着跳转时正常跳转即可，如：
window.open(url)
复制代码
  分类：




    
 前端
 
 
   相关推荐
   
        JavaScript
      
    为什么说 js 中 async/await 其实是语法糖
 ES8（ES2017）推出的 async 函数，结合 await 关键字，号称是回调地狱的终极解决方案。但究其本质，其实是 Generator 的一种语法糖。下面我们就一步步进行说明~
  313
 
 
        itclanCoder
        掘金·金石计划
      
    使用css3如何实现一个文字打印效果
 本文正在参加「金石计划」 前言 在很多网站首页介绍页里,为了吸引用户,暂留更长时间,使用了一些css3动画的 示例效果 实现这个动画原理 想要实现这个动画,改变元素的宽度,结合动画css3关键帧实现 
  229
 
 
      
 21小时前
 
        JavaScript
      
    从零开始搭建群众权益平台（四）
  这篇博客我们可以添加以下功能以进一步提高我们的应用程序的复杂性和密码找回的功能性： **复杂的权限控制：** 对于更复杂的权限控制，我们可能需要引入新的数据模型来管理角色和权限。例如，我们可以创建
  103
 
 
        iwhao
      
 19小时前
 
        微信小程序
      
    微信小程序dom节点最高限制16000？能忍？盘它！！
 起因 最近参与了个微信小程序的项目，有个长列表模块 我在自测的时候（测试人员居然没发现，可能懒得加载那么多数据去验证）
  611
 




    
 
        NoSilverBullet
      
    Vue进阶（幺捌贰）：父子组件元素获取、方法互相调用
 一、前言 Vue项目开发过程中，有时候我们需要父组件直接访问子组件，子组件直接访问父组件，或者子组件访问根组件。梳理出如下请求方法： 二、父组件访问子组件 2.1 使用 $children 在父组件中
  234
 
 
        老骥farmer
        JavaScript
        Vue.js
      
    因为一个写法，我翻烂了vue源码，这是vue的问题吧，我要不要提pr！
 问题背景 我已经老了。。。。 面对现在的观众不知该如何表达。既然这样的话 那...... 直接上代码吧： 事情就发在昨天，在我们单位的办公大厅里，有一个产品向我走来。他主动介绍自己，他对我说，“老骥：
  3706
 
 
      
    最新前端技术趋势
 前端的车轮滚滚向前，轮子造的越来越圆，速度造的越来越快，每个人都在适应这个轮子的节奏，稍微不注意就会被甩出车轮之外。狼狈不堪之外还会发自心底的大喊一声：别卷了！！
  2.3w
 
 
        valkyrja
      
    日本，我劝你别来
 五年大厂程序员赴日追求躺平生活，结合自身经历和在日多年的群友交流总结下日本公司类型和雇佣情况以及国内赴日求职的个人建议。
  2939
 
 
      
    如何让自己的前端知识更全面
 计算机知识庞大冗杂，尤其前端领域，知识概念，框架原理不断推崇出新。在学习的过程中我们要不断进行总结梳理，形成某一个知识领域的知识图谱。这个知识图谱还可以帮助我们后期进行回顾复习。 下面是前端前辈进行的
  4495
 




    
 
        叫我易哥呀
      
    聊一聊离开程序员的这几年
 一个不打代码的老程序员。很多人会问当年裸辞回家这个决定后不后悔，其实自己也不知道。从目前来看，你也不知道当年没走是会加薪、晋升，还是被裁员。但是就目前来看生活能够继续，成家立业与家人在一起也还知足。
  7502
 
 
        Senar
      
    UnoCSS给了我一个不用tailwindcss的理由
 我正在参加「掘金·启航计划」 `tailwindcss` 和 `UnoCSS` 都是原子化CSS模式实现的一种，为什么现在我更推荐 `UnoCSS`
  1813
 
 
        Cosolar
        Vue.js
      
    Vuex 核心思想: 状态管理模式解析与源码实现
 本文将重点讨论 Vuex 的核心思想、内部工作原理和源码实现。它是一个专为 Vue.js 应用程序开发的状态管理模式。我们会深入探讨 Vuex 的核心概念，包括状态、变化、动作和模块化等概念，并通过源
  1245
 
 
        ChatGPT
        Visual Studio Code
      
    我在 vscode 插件里接入了 ChatGPT，解决了代码变量命名的难题
 前一段时间在做一些财务相关的需求时，变量的命名成了一个难题，一个列表十几二十个字段，而且大部分是那种看着中文都不知道是什么意思的抽象名词。
  1.6w
 
 
      
 20小时前
 
        Vue.js
        JavaScript
      
    在 vue 源码中学到的队列执行机制，咔咔牛
 在`Vue`中源码中，用户使用的api在底层都会被解释为一个一个的任务，例如`nextTick`、`watcher`、`computed`等等，我们传入的回调函数都会被放入到一个队列中，然后在合适的时
  703
 




    
 
        anuoua
        JavaScript
        Vue.js
      
    我终于登上了这个榜单！与 Vue 3 和 React 正面 PK！和全世界框架同台比武！
 大家好，我是 anuoua ，我写了个前端框架，叫 Unis，Github 。 前些天我终于把我的框架送上了这个榜单 js-framework-benchmark，相信很多人都知道这个榜单，这是目前前
  1.1w
 
 
        Boale_H
      
    npm ERR! cb() never called! 解决办法
 报错原因 执行npm i 命令时，出现了npm ERR! cb() never called!错误，这是因为npm缓存所致，解决思路就是清除npm 缓存 解决办法 法一： 一般情况执行完后再试下 应该
  3161
 
 
        Boale_H
        Element
      
    Maximum call stack size exceeded报错的原因及解决办法
 背景 在使用ElementUI的Select选择器，其中有一个可搜索的选择器，意思就是用户输入文字，选择器option选项可以模糊搜索（根据用户输入的文字推荐选项） 然后我给选择器的el-option
  1782
 
 
        Boale_H
        Webpack
      
    webpack之SplitChunksPlugin
 SplitChunksPlugin 代码分割生成的如2.js，是自动生成的名字，如何让代码分割能生成可以识别的自定义的名字呢 使用magic comment修改chunkname 这写法的意思是异步引
  944
 
 
          
 
 
  
 
 友情链接：
 
        微信小程序里的小游戏怎么找
        js局部变量作用域
    Boale_H