VUE 下载文件错误 Proxy error: Could not proxy request xxx from xxx to xxx. HPE_INVALID_HEADER_TOKEN

最新推荐文章于 2024-07-13 15:29:04 发布
最新推荐文章于 2024-07-13 15:29:04 发布
阅读量7.5k 收藏 4
点赞数 5
分类专栏： 问题记录 文章标签： vue java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BKWB1214/article/details/107042616
版权

VUE 下载文件错误 Proxy error: Could not proxy request xxx from xxx to xxx. HPE_INVALID_HEADER_TOKEN

场景描述

VUE使用axios访问后端接口（返回文件流），获取到blob后，使用代码触发浏览器下载

问题描述

VUE在通过代理访问后端接口时，出现Proxy error: Could not proxy request xxx from xxx to xxx.
HPE_INVALID_HEADER_TOKEN。
VUE显示的错误，HPE_INVALID_HEADER_TOKEN
控制台显示为后端返回500错误
控制台显示为后端返回500错误
后端表现为【java.io.IOException: 你的主机中的软件中止了一个已建立的连接。】
后端表现为IOException：你的主机中的软件终止了一个已建立的链接

问题定位

问题定位，filename中文字符造成的异常
HttpServletResponse的header中，设置的filename存在中文字符。注意，如果只是在控制台显示500异常，vue不抛ProxyError，并且后端不是【你的主机中的软件终止了一个已建立的链接】这样的异常，则不一定是中文字符的问题。

解决方案

对中文字符进行编码操作，这里只做URLEncoder.encode方式的编码
对中文字符进行编码操作

BK
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
PHP异常Parse error: syntax error, unexpected T_VAR错误解决方法
12-18
其实，这是一个非常容易解决掉的问题。在我看来，似曾相识，呵呵，最近学JavaScript可是学会了使用var声明变量。 其实，在PHP中根本不需要使用var声明的，但是当一个变量作为一个类的成员变量的时候，使用var还是没有问题的。 在外部使用var就报错Parse error: syntax error, unexpected T_VAR in…，例如我的出错信息： Parse error: syntax error, unexpected T_VAR in D:\Apache2.2\htdocs\shirdrn\page\p2\pageUtil.inc on line 34 我在测试：在
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Node.js通过Request访问PHP写的服务器返回HPE_INVALID_HEADER_TOKEN（Invalid header token）问题解决过程记录
ctbinzi的专栏
09-09 3502
先看一下报错内容 百度了HPE_INVALID_HEADER_TOKEN，没找到啥有用的信息 于是用HTTPAnalyse抓包看一下，如图 好家伙，这个response headers比较有个性，赶紧联系对方修改一下，把application/json;charset=UTF-8老老实实放到Content-Type下面去，问题就搞定了 总结一下，应该是node.js在解析response的header的时候，读到application/json;charset=UTF-8的时候报异常了 ..
Proxy error: Could not proxy request 请求地址 from localhost:9528 to 代理地址
Holly1945的博客
12-20 7389
vue devServer proxy 1.是因为代理对象没有开启服务，不能访问到对象服务器 2.代理规则写错 3.请求超出代理timeout，代理失败 我出现的问题是： 时不时出现代理错误 线上环境正常 axios 请求的timeout 为 300000 我的proxyTimeout： 3000 某些接口速度慢的时候 所以请求失败 修改我的proxyTimeout属性 devServe -> proxy 的配置选项 http-proxy-middleware http-proxy-middlewar
js焦点处理的几种方式
xcLeigh
08-18 5029
js焦点处理的几种方式,表单焦点处理和容器焦点处理，常用于文本框获取焦点时调用函数和失去时调用函数，div点击弹出层，当失去焦点时候隐藏层等问题处理。javascript焦点处理，很好的解决了此类问题。...
Proxy error: Could not proxy request /XXX localhost to http://localhost:8080/ (ECONNRE)报错处理
LP'S Blog
01-25 3万+
Proxy error: Could not proxy request /captchaImage from localhost to http://localhost:8080/ (ECONNREFUSED).
Proxy error: Could not proxy request 解决方法
weixin_46669844的博客
12-28 4万+
7.127.0.0.1偶尔不行，直接使用localhost。5.dns解析有问题，可以把target：'8.请求是否超出代理timeout，代理失败。2.代理规则写错，前后端部署的域名应一致；4.URL前面不完整，没有http://注释掉，导致走代理前走了mockjs。1.后端相应的被代理服务器没有开启。安装这个低版本的模块就可以了。' 里面的网址换成ip，
Proxy error: Could not proxy request /getInfo from localhost:81 to http://localhost:8080/.
德蕾莎之道
01-12 2万+
Proxy error: Could not proxy request /getInfo from localhost:81 to http://localhost:8080/. 项目启动时，我的登录界面验证码出现报错无法显示。 Proxy error: Could not proxy request /api/ from localhost:8080 to http://localhost:80 这个错的原因是接口配置出现了问题，可以仔细检查一下vue.config.js端口port：和applica
安装vue-element-admin出现的错误
拉你手跟我走的专栏
08-30 1511
        从https://github.com/PanJiaChen/vue-element-admin下载源码后，使用npm install报错： npm ERR! Maximum call stack size exceeded npm ERR! A complete log of this run can be found in: npm ERR! E:\Program Files\nodejs\node
cbn_vue.zip_easy _vue_vue video_webcam
09-19
【标题】"cbn_vue.zip" 是一个包含与Vue.js相关的简单视频捕获应用程序的压缩文件，其中"easy_vue"和"vue_video"标签表明它可能是一个教程或示例项目，用于教学如何在Web环境中使用Vue.js从网络摄像头轻松获取视频流...
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
例如，对于对象，可以写成`Vue.set(vm.obj, "sex", "man")`。 2. 方案二：使用`this.$set(this.object, key, value)`。对于对象，可以写成`this.$set(this.obj, "sex", "man")`；对于数组，可以写成`this.$set(this...
Vue源码中要const _toStr = Object.prototype.toString的原因分析
10-17
主要介绍了Vue源码中要const _toStr = Object.prototype.toString的原因分析,在文中给大家提到了Object.prototype.toString方法的原理,需要的朋友可以参考下
nuxt和php,Nuxt.js服务端渲染使用axios作为网络库问题。
weixin_28813357的博客
03-28 293
问题：使用nuxt做前后端分离，利用axios作为请求库，后端采用php语言，设置了跨域header(‘Access-Control-Allow-Origin: 域名’);header(‘Access-Control-Allow-Credentials: true’);header(‘Access-Control-Allow-Methods: GET,POST,PUT,DELETE,TRACE,O...
Vue-Proxy error: Could not proxy request xxx/xxx from localhost:9528 to http://ip:port
Eistert
11-05 1万+
问题 vue项目启动后登录报如下错误： App running at: - Local: http://localhost:9528/ - Network: http://192.168.100.26:9528/ Proxy error: Could not proxy request /model/list from localhost:9528 to http://xxxxx:9090/xxxx. See https://nodejs.org/api/errors.html#erro
运行项目报错 proxy error: could not proxy request...
鲁迷那的专栏—坚持实践后再写出来！
11-04 2万+
弹窗提示：proxy error: could not proxy request...from 我本地 to 目标地址。查了一下，有可能是由端口号冲突引起的，于是尝试把本地端口号修改了一下，然后重新跑项目，问题解决啦！port: '3333', // （修改点）本地默认端口，修改后重新跑就可以了。今天跑项目的时候遇到一个问题，早上跑的时候还好好的，午休完起来一看，页面报错了，页面表现：页面可以打开，UI也可以展示，但是接口都是红的，报500。host: '127.0.0.1', // 本地服务器。
关于 Vue代理服务器Proxy error: 报错问题的解决方法
热门推荐
qq_44410220的博客
01-14 4万+
Vue-cli4 Proxy error:报错的解决方法
java学习----递归
最新发布
qq_56798493的博客
07-13 152
【代码】java学习----递归。
Proxy error: Could not proxy request /captchaImage from localhost:81 to http://localhost:8081/.
07-27
回答: 这个错误是由于代理服务器无法将请求从本地主机的端口81代理到目标地址http://localhost:8081/引起的。根据引用\[1\]和引用\[2\]的信息，这个错误可能是由于目标服务器未启动或无法访问导致的。为了解决这个问题，你可以检查目标服务器是否正常运行，并确保代理服务器的配置正确。根据引用\[3\]，你可以在vue.config.js文件中配置代理服务器的请求地址，将目标地址设置为正确的服务器地址，并确保changeOrigin和pathRewrite选项的设置正确。这样就可以解决这个错误。 #### 引用[.reference_title] - *1* [Proxy error: Could not proxy request... 问题解决](https://blog.csdn.net/ymiandi/article/details/125674056)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [Proxy error: Could not proxy request /captchaImage from localhost to http://192.168.x.xx:8080....](https://blog.csdn.net/L6666688888/article/details/123708846)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值