electron 本地文件管理系统关于下载的一个关键点

项目场景:

提示:这里简述项目相关背景:

前提是下载一个很大 几个G甚至几十个G的文件 设想是在nodejs里负责创建文件夹和下载


问题描述

提示:这里描述项目中遇到的问题:

通过 axios模块进行下载,但报了

The provided value 'stream' is not a valid enum value of type XMLHttpRequestResponseType.

c 复制代码
		const response = await axios({
            url: file_url,
            method: 'GET',
            timeout: 0,
            responseType: 'stream'
        });

原因分析:

提示:这里填写问题的分析:

超时 不管怎样都捕捉不到错误 下载进度也获取不到 只能捕获超时的错误 因为文件过大 还不能设置超时 所以等于完全无反应的,所以就先从请求头入手 调试发现跟请求头无关 试了一堆一堆的方式 掠过 直接说解决方案

解决方案:

本来node.js是通过

typescript 复制代码
webPreferences: {
      allowRunningInsecureContent: true,
      webSecurity: false,
      preload: path.join(__dirname, "preload.js"),
},

主入口文件里加载preload.js 脚本主要用于在渲染进程和主进程之间建立安全的通信桥梁,它的运行环境比较特殊,更接近浏览器环境,这就可能导致 axios 基于 XMLHttpRequest 来处理请求,从而出现不支持 'stream' 响应类型的错误。

把微服务部署位置放在

typescript 复制代码
app.whenReady().then(() => {
    startHttpServe()
    createWindow();

    app.on("activate", () => {
      if (BrowserWindow.getAllWindows().length === 0) createWindow();
    });
  });

就好了
app.whenReady() 是在 Electron 主进程里执行的,主进程本质上就是一个 Node.js 进程,在这个环境下 axios 基于 http 和 https 模块实现,能够很好地支持 'stream' 响应类型,所以把代码放到这里执行就没问题了。

相关推荐
程序员黑豆1 小时前
Java类型推断完全指南:从var到菱形运算符,掌握使用限制与最佳实践
java·前端·ai编程
To_OC2 小时前
踩了个 TS 的坑之后,我终于把 type 和 interface 掰明白了
前端·react.js·typescript
GreenTea2 小时前
深度解读 Anthropic 多智能体报告:更强的模型 ≠ 更好的协调
前端·后端·算法
浮生望2 小时前
前端API工程化:用 Mock 数据与 Axios 配置实现独立于后端的并行开发
前端
万少3 小时前
给 DeepSeek Harness 装个"应用商店":一条命令,595 个插件随你逛
前端·javascript·后端
波波0073 小时前
C# 15 重磅新特性: 带标签 break 与 continue:重新定义嵌套循环控制流
服务器·前端·c#
Brown.alexis4 小时前
es6知识点1-自备使用
前端·ecmascript·es6
小爬的老粉丝5 小时前
JavaScript 纯前端预览 WPS:先识别容器,再路由解析器
前端·javascript·wps
计算机魔术师5 小时前
新兴多智能体系统的模式与问题
前端
用户059540174466 小时前
AI Agent 上下文污染踩坑实录:用 pytest + Redis 揪出 3 类记忆串号 bug,排查 6 小时
前端·css