window.open不支持增加头部信息，需要使用XMLHttpRequest方法。

已于 2024-01-29 13:33:59 修改
阅读量838 收藏 11
点赞数 9
文章标签： vue.js 前端 vscode
于 2024-01-29 13:28:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60406097/article/details/135910183
版权

先看一下预览文件代码写法

本地是没有问题的，然后部署本地服务器也是完全没有问题的。

现场进行部署的时候，出现401，报没有头部信息，需要增加头部信息。

此时window.open方法不支持增加头部信息处理

然后更改预览文件接口，使用new XMLHttpRequest()方法

将接口改成get方式进行进行与服务器进行数据交互

.setRequestHeader可以增加头部信息

处理成功之后 将获取到的url转成blob格式然后window.open

IT【大博】
关注
  • 9
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
window.open携带请求头_Spring MVC入门（四）：请求数据传入
weixin_40006265的博客
12-03 8866
一、请求信息的传入Spring MVC通过分析控制器处理方法的参数签名，将HTTP请求信息（参数、请求头、Cookie值）绑定到处理方法的相应入参中。必要时可以对方法及方法入参标注相应的注解（@PathVariable、@RequestParam、@RequestHeader等）。二、@RequestParam注解 在控制器的处理方法入参处使用 @RequestParam可以把请求参数传递给...
window.XMLHttpRequest详解
03-19
在本文中，我们将深入探讨XMLHttpRequest的使用方法及其背后的原理。** 首先，XMLHttpRequest对象是JavaScript内置的，用于创建HTTP请求的对象。通过这个对象，开发者可以发起GET、POST、PUT、DELETE等HTTP方法，...
前端实现window.open实现pdf预览以及请求时携带请求头通过后端权限校验
zxx1126的博客
12-09 7110
前端实现window.open实现pdf预览以及请求时携带请求头通过后端权限校验
使用window.open实现导出下载如何带请求头
qq_45018844的博客
03-19 1万+
请求头： 首先我们要知道window.open是不可以带请求头的 报这个错的时候就是没有带请求头了 每次请求都是需要这两个的 解决办法： 安装这个插件就非常容易了 const params = { //这个里面都是参数 projectId: this.projectId, startTime: this.startTime, endTime: this.endTime } axios.get('/api/project-man
iframe或者window.open()添加请求头方法
热门推荐
dmlcq的博客
09-22 2万+
首先我们要明白iframe是不能添加请求头的，这里我们能做的就是改造iframe里的src指向页面，通过异步请求，添加请求头，拿到html数据，再反写进iframe 例如： 在当前vue页面修改iframe <iframe src="./query.html" style="width: 100%;height: 450px;" frameborder="0"> </iframe> init(){ this.$htt...
window.open方法post请求
07-02
使用window.open()方法发送post请求
XMLHttpRequest对象详解
inrg's blog
03-25 5378
【摘 要】 XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用。 XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用
iframe/window.open/a三种标签打开新页面或新窗口设置请求头；实现免密登录
weixin_42342065的博客
10-20 1万+
iframe/window.open/a三种标签打开新页面或新窗口设置请求头
Window.open()没有生效
益达的小作坊
03-23 7276
Window.open()没有生效引用博客地址 http://www.cnblogs.com/rainbowzc/p/3603209.html最近在使用js的时候，实现的一个功能是点击按钮之后请求后台，然后返回一个图片的地址。 我尝试使用window.open()在生成图片之后自动打开一个标签 但是似乎没有起作用。 检查了好久，发现返回的也正确，js也没有报错。 查阅了引用的博客之后，发现
JS使用ajax方法获取指定url的head信息中指定字段值的方法
12-11
本文主要介绍如何使用Ajax方法获取指定URL的HEAD信息中的特定字段值。 首先，让我们深入理解Ajax的工作原理。Ajax的核心是XMLHttpRequest对象，它是一个内置的JavaScript对象，可以向服务器发送异步HTTP请求，并...
window.open的例子和使用方法以及参数说明
09-25
windows.open这个是JavaScript函数，但是在应用起来的时候总会遇到比较多的麻烦，因为参数非常多，用法也非常的多
js实现跨域的多种方法
11-22
对于不支持CORS的旧版浏览器，可以使用XDomainRequest对象（主要针对IE8和9）。以下是创建CORS请求的兼容性代码： ```javascript function createCORSRequest(method, url) { var xhr; if ("withCredentials" in ...
AJAX学习笔记.docx
08-01
- `open()`方法用于设置请求类型（GET或POST）、请求的URL、异步标志（默认为异步）以及可选的认证信息。 - `send()`方法用于发送请求，对于GET请求只需`send()`，而对于POST请求则需传入数据`send(string)`。 - `...
XMLHttpRequest中文参考手册[PDF]
09-30
CORS（Cross-Origin Resource Sharing）允许跨域请求，需要服务器返回合适的Access-Control-Allow-Origin等头部信息。 10. **新的XMLHttpRequest Level 2特性** 包括支持更多HTTP方法（如PUT、DELETE），发送Blob...
window.open()方法的使用
jining521的博客
05-11 2138
window.open()方法即可以导航到一个指定的URL，也可以打开一个新的浏览器窗口。 window.open()方法可以接4个参数：要加载的URL、窗口目标、一个特定字符串以及一个表示新页面是否取代浏览器历史记录当中当前加载页面的布尔值。通常只需传递第一个参数，最后一个参数只在不打开新窗口的情况下使用。 如果为window.open()方法传递第二个参数，而且该参数是已有窗口或框架的名称
window.open()方法以post请求方式打开新窗口
KesenWang的博客
06-05 9794
&lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;window.open()方法以post请求方式打开新窗口&lt;/title&gt; &lt;/head&gt; &lt;body&a
JS window.open()方法详解
leijuly'blog
03-12 2万+
Window.Open详解Window.Open详解一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法：window.open(pageURL,name,parameters) 其中：pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 
window.open添加身份验证头_Spring 5.2.2 WebSockets之STOMP的（简单和外部）代理、身份验证...
weixin_39592137的博客
11-26 1841
接着Spring 5.2.2 WebSockets之STOMP的WebSocket服务端、信息流和注释的控制器继续讲STOMP。8、简单代理 内置的简单消息代理处理来自客户端的订阅请求，将它们存储在内存中，并将消息广播到具有匹配目的地的已连接客户端。代理支持类似路径的目的地，包括对Ant样式的目的地模式的订阅。 如果配置了任务定时器，那么简单代理支持STO...
使用Vue实现点击页面触发特效
最新发布
qq_45569925的博客
07-19 722
在页面上的指定区域内进行点击，则会在页面上显示设置好的随机文本，此文本出现后会执行动画，动画效果为节点在1s之内向右上方移动并在移动的过程中完成180°翻转，最后消失。
window.location.href自定义header
12-28
window.location.href是一个JavaScript属性，用于获取或设置当前页面的URL地址。它可以用于在浏览器中打开新的页面或刷新当前页面。然而，它与自定义header没有直接的关联。 自定义header是在HTTP请求中添加自定义的HTTP头部信息。它通常用于在请求中传递额外的数据或标识身份验证信息。要自定义header，你需要使用其他方法，而不是使用window.location.href。 以下是一个示例，演示如何使用XMLHttpRequest对象发送带有自定义header的HTTP请求： ```javascript var xhr = new XMLHttpRequest(); xhr.open("GET", "/url", true); xhr.setRequestHeader("Custom-Header", "Custom Value"); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 请求成功的处理逻辑 } }; xhr.send(); ``` 在上面的示例中，我们使用XMLHttpRequest对象发送一个GET请求，并在请求头中添加了一个名为"Custom-Header"的自定义header。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值