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

最新推荐文章于 2024-06-21 16:08:19 发布
最新推荐文章于 2024-06-21 16:08:19 发布
阅读量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
    评论
专栏目录
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
Node.js通过Request访问PHP写的服务器返回HPE_INVALID_HEADER_TOKEN（Invalid header token）问题解决过程记录
ctbinzi的专栏
09-09 3507
先看一下报错内容 百度了HPE_INVALID_HEADER_TOKEN，没找到啥有用的信息 于是用HTTPAnalyse抓包看一下，如图 好家伙，这个response headers比较有个性，赶紧联系对方修改一下，把application/json;charset=UTF-8老老实实放到Content-Type下面去，问题就搞定了 总结一下，应该是node.js在解析response的header的时候，读到application/json;charset=UTF-8的时候报异常了 ..
安装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
Could not proxy request /register from localhost:8080 to http://localhost:8081.See https://nodejs.o
最新发布
qq_65951355的博客
06-21 422
如果您检查了所有这些，问题仍然存在，您可能想要查看 Node.js 错误文档中的更多系统相关错误，看看是否有其他线索可以帮助解决这个问题。：查看尝试进行代理请求的服务和应该接收它的服务的日志。：再次检查 URL 和端口号是否正确，以及服务是否预期在该端口上接收连接。：检查 Node.js 中的代理配置是否正确设置。：常见的问题是 URL、端口或其他配置设置中的拼写错误。的 8081 端口上的另一个服务。上的服务只监听特定的 IP 地址，而不是所有接口（的 8080 端口的请求代理到运行在。
运行项目报错 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', // 本地服务器。
Proxy error: Could not proxy request /***/***/*** from localhost:8080 to http://000.000.000/. 的解决办法
Spring Boot-Common On With You
09-03 2万+
关于这个问题，博主是在集成联调的时候遇到的，在各个系统组件都开发完成后，联调不通过，报错：” Proxy error: Could not proxy request /***/***/*** from localhost:8080 to http://000.000.000/. “ 如下图：页面错误：关于导致这个问题的排查解决思路，通过以下三步：1、组件间联调的端口号冲突，修改vue.config.js中的代理port 修改内容如下： 2、代理路径错误例如：https://xxx.xxx.xxx/
vue项目运行报错Proxy error: Could not proxy request “***UIRL” from “***” to “****”
热门推荐
h_未来可期_的博客
03-01 7万+
今天在测试反向代理的时候，访问本地接口的时候报错Proxy error: Could not proxy request /miaomiao/cityList from localhost:8080 to http://10.12.0.111:3001. See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED). 首先看编译器报错 出现这种问题大致两种原因
cbn_vue.zip_easy _vue_vue video_webcam
09-19
【标题】"cbn_vue.zip" 是一个包含与Vue.js相关的简单视频捕获应用程序的压缩文件，其中"easy_vue"和"vue_video"标签表明它可能是一个教程或示例项目，用于教学如何在Web环境中使用Vue.js从网络摄像头轻松获取视频流...
解决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方法的原理,需要的朋友可以参考下
报错记录proxy error:Could not proxy request ... from ... to...
qq_44447607的博客
06-07 2079
3.确认后端环境启动的是开发环境还是测试环境。1.查看自己的端口和启动服务的端口是否一致。2.确认后端服务是否关闭。
前后端分离vue跨域，devServer配置proxy代理, post请求无法接收json格式参数报错400， Could not proxy request... ECONNRESET
可控的事情要谨慎，不可控的事情要乐观。
11-08 3366
1. 问题描述 先说下问题，项目后端是微型Python框架flask，前端是vue-element, 本地开发我配置的是proxy代理，代码如下： devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, before: require('./mock/mock-server.js'), proxy: { // 本地使用代
VUE Proxy error: Could not proxy request XXX.html from localhost:8080 to XXXX (ECONNRESET). 问题解决
qq_17627195的博客
11-02 1万+
https://xxx.com 和 http://xxx.com 一定要区分清楚，并且一定得添加 http:// 。 所有会设置端口号的地方（前台和后台允许跨域访问等），端口号设置是否和 vue.config.js 里面的 host: 'localhost', port: 8080, 一致。 经过测试，我链接手机热点的时候，也会报这个错，正常连接WiFi就没问题了。 ...
springboot2 前后台分离，token放入header进行验证的坑
博客模板
05-17 1万+
springboot2 使用前后台分离，token放入header进行验证的配置 注意 registry.addInterceptor(new MyInterceptorConfig ()); 不能添加，否则header下token有时无法获取到 @Configuration public class MyWebMvcConfigurer implements WebMvcConfigurer {...
{Nodejs} 错误 HPE_INVALID_CONSTANT 解决
weixin_30292843的博客
05-08 713
今天遇到HPE_INVALID_CONSTANT 错误. 1. 再现 今天下午调用同事的接口, 莫名出现该异常.一直在找原因. 以下是http.get 代码.. 没发现问题,且该方法调用其他接口没问题. http.get(_options.url, function (res) { var pageData = ""; ...
HBuilderX 核心插件安装提示：“插件XXX下载失败，请检查网络”问题的解决办法
红星的专栏
06-29 1万+
前言 工欲善其事必先利其器，HBuilderX出现的问题最重要的是要使用自带的日志功能来检查，在导航上找到“帮助” => “查看运行日志”，这是非常好用的功能，记住这点，各种问题就好解决了。 用法是，先打开日志文件，“Ctrl + End”到文件尾部，然后在HX里面再重新操作，日志就会更新，然后阅读日志内容，便可以找到解决问题的线索。 提前说明一下，我使用的是Win7系统，而且是给安装这个系统时有人选择了比较严格的系统权限策略导致了这次我遇到的问题。 分析 问题1：系统找不到指定的路径 比如我这里是需
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、付费专栏及课程。

余额充值