十三、vite项目中无法使用minio的解决方案

最新推荐文章于 2024-09-19 15:40:05 发布
最新推荐文章于 2024-09-19 15:40:05 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： vue3.0的开发和学习 文章标签： javascript webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43185384/article/details/127672652
版权
本文档介绍了在Vite构建的项目中遇到MinIO JavaScript SDK导入问题的解决方案。由于Vite默认不支持require，作者通过创建一个Vue2项目，将MinIO用require方式导入并导出，然后打包成lib模式的npm库，最终发布到npm供原项目引用。详细步骤包括新建Vue2项目，配置打包命令，发布npm包以及在原项目中安装和使用。
摘要由CSDN通过智能技术生成

问题背景

        项目需要上传大文件，既然是大文件，如果一次性进行读取发送、接收都是不可取的，很容易导致内存问题。所以对于大文件上传，就一定要实现切片上传、断点续传。如果自己实现相对比较麻烦，但好消息是正好我们的后台文件服务使用了开源的minio作为对象存储服务，minio也提供了 JavaScript Client SDK ，但当我看到文档正准备一顿操作时就遇到了问题：

问题分析 

分析报错后发现

了解本专栏 订阅专栏 解锁全文 超级会员免费看
arguments_zd
关注
专栏目录
订阅专栏
二十三、关于vite项目中无法使用minio的解决方案
张先森的博客
01-12 441
项目需要上传大文件，既然是大文件，如果一次性进行读取发送、接收都是不可取的，很容易导致内存问题。所以对于大文件上传，就一定要实现切片上传、断点续传。如果自己实现相对比较麻烦，但好消息是我们的文件服务使用了开源的minio作为对象存储服务，并且minio也提供了 JavaScript Client SDK ，顿时喜出望外，但当我正准备一顿操作时就遇到了问题… 难受至极。
The engine “node” is incompatible with this module . Expected version “＞=12“解决方案
热门推荐
weixin_43178406的博客
04-30 4万+
本文主要介绍了The engine "node” is incompatible with this module . Expected version ">=12"解决方案，希望能对使用nodejs的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
vue3 + vite + setup语法糖使用minIO上传文件
IIIIIAN
09-02 241
注意初始化与作为参数中的 bucketName 需要一致，部署本地minio后需要创建bucket。前言：需要使用minio-js插件，原生minio使用vue2框架。minio的部署可参考。
vue3 实现大文件分片上传minio
weixin_41018853的博客
08-22 172
创建minio.worker.js 用于多线程分片不懂用web worker的查看前面一章内容。文件上传控制器，用于处理文件上传相关的请求。
Vue 3.0 + Vite + Minio 实现文件上传
不想成为可以改变世界的程序员，不是一个好程序员
04-12 1003
MinIO 是一种高性能、S3 兼容的对象存储。 它专为大规模 AI/ML、数据湖和数据库工作负载而构建，并且它是由软件定义的存储。 不需要购买任何专有硬件，就可以在云上和普通硬件上拥有分布式对象存储。 MinIO拥有开源 GNU AGPL v3 和商业企业许可证的双重许可
vue3+springboot+minio，实现文件上传功能
exlink2012的专栏
07-15 1421
通过Vue 3前端选择文件并上传到后端Spring Boot，然后存储到MinIO中了。
Vue中通过minio上传文件
qq_45868390的博客
10-22 8953
在Vue中minio上传文件（stream流和链接） 1、minio的安装 直接使用npm或者cnpm下载即可 npm i minio --save //或者 cnpm i minio --save 2、minio.js文件 封装了连接minio、文件上传，文件删除等方法 注：此文件中的url都是在minio设置了永久链接的基础上 2.1连接minio const minioClient = new Minio.Client({ endPoint: 'xxx.xxx.x.xxx', // 地址 p
JAVA+VUE3.0+MINIO 大文件上传（极速上传，分片上传）
qq_43842093的博客
02-26 4226
/ 切片大小为5M我们需要重新写一个MINIO客户端来实现我们的分片上传。/*** MINIO 遵循 AmazonS3 规则，S3 有的方法他都有实现* 关于其他方法* 参考 MINIO 网站* 结合 亚马逊官方文档* 查看方法使用和效果/*** 需要清理的文件时间范围* 一天。
minio依赖安装报错问题
最新发布
**My Coding Family**
09-19 999
遇到 MinIO 依赖安装报错的问题通常与前端构建工具和环境有关。通过调整 Webpack 配置或正确引入 MinIO SDK 可以解决大部分问题。如果仍然遇到问题，请提供详细的错误日志，以便进一步帮助。希望如上措施及解决方案能够帮到有需要的你。PS：如若遇到采纳如下方案还是未解决的同学，希望不要抱怨&&急躁，毕竟影响因素众多，我写出来也是希望能够尽最大努力帮助到同类似问题的小伙伴，即把你未解决或者产生新Bug黏贴在评论区，我们大家一起来努力，一起帮你看看，可以不咯。
GitHub热门开源项目-2024版
生活在别处
07-15 882
前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。中英文敏感词、语言检测、中外手机/电话归属地/运营商查询、名字推断性别、手机号抽取、身份证抽取、邮箱抽取、中日文人名库、中文缩写库、拆字词典、词汇情感值、停用词、反动词表、暴恐词表、繁简体转换、英文模拟中文发音、汪峰歌词生成器、职业名称词库、同义词库、反义词库、否定词库、汽…互联网 Java 工程师进阶知识完全扫盲：涵盖高并发、分布式、高可用、微服务、海量数据处理等领域知识。各取所需，高效学习。
vue3+vite+minio上传
qq_44871531的博客
01-10 1127
vue3+vite+minio上传
SpringBoot+Vue3整合minio，实现分布式文件存储
ngczx的博客
08-20 1247
SpringBoot+Vue3整合minio，实现分布式文件存储
vue+vite前端上传minio失败？
qq_35213646的博客
03-27 527
minio云真是太难用了（优点支持分片上传），用的minio包，永远报错（报错原因可能是因为看不起vite），只能使用minio-js这个包，百度找遍了，也没有几个写的完整的vite版的minio上传（**基本都是webpack脚手架的**），拼拼凑凑写出来了minio上传功能，在此记录一下vite版本的minio上传。**自定义方法，粘贴可用**。- 公司让做前端上传，曰：“减小服务器压力”，之前都是做的后端上传，前端只需要调用接口就可以，先传到服务器，服务器传给minio云或者腾讯云、阿里云。
纯前端使用Vue3上传文件到minio文件服务器，粘贴直接可用
heimaqianduan的博客
12-12 2341
一般情况下前端上传文件都是先传给后端，后端在放入文件服务器，此文章讲解了前端如何直接上传文件到MInio
vue中使用MINIO将文件上传到指定的bucket库中（vue2和vue3）
qq_45634989的博客
09-14 4804
vue中使用MINIO将文件上传到指定的bucket库中（vue2和vue3）
vue项目，使用js+Minio实现文件的上传和下载
it_czh的博客
12-14 3296
vue项目，使用js上传文件到minio，从minio下载文件
前端使用Minio存储的优缺点
R的博客
07-24 6130
概述: 老规矩,先放文档 Minio官方文档 通过对Minio官方文档的解读,以及了解过相应的文章后得出的一些结论 可能有理解错误的地方,欢迎各位大佬指正 安装 : yarn add minio 或者 npm i minio 优点: 1.前端直传Minio,可减少与后端交互所造成的性能浪费 缺点: 1.只支持Webpack工程化构建的项目,因为webpack是基于nodeJs的,可以使用require, fs等函数 2.不支持Vite工程化构建形式,Vite是EsModule纯浏览器模块的形式
Vue3+Vite项目中处理PDF字符集的解决方案
3. Public文件夹的使用：在vite项目中，开发者应当熟悉Public文件夹的特性，知道如何将静态资源（例如PDF文件）放置于此，并通过vite配置或路由来访问这些资源。 4. 性能优化：由于PDF文件通常体积较大，合理地加载...
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

arguments_zd

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值