【Minio怎么用】Minio上传图片并Vue回显

流程：

目录

1.文件服务器Minio的安装

1.1 下载Minio安装后，新建1个data文件夹。并在该安装目录cmd 敲命令。注意不要进错目录。依次输入

1.2 登录Minio网页端

1.3 先建1个桶（buckets），点击create a bucket

2. Springboot整合Minio

2.1 首先导入依赖。

2.2 yml文件配置

2.3 创建 MinioProp 类

2.4 创建Minio客户端（配置类）

2.5 创建上传文件的工具类 MinioUtils

2.6 上传图片的controller

2.7 如有网关，可以加白名单

3. 前端代码

3.1 图片上传 action 里调 图片上传controller 接口 

3.2 data 区域 

3.3 methods区域

3.4 style 区域

其他问题：

1.如果你显示这个，说明你没有把Minio的权限设置为公开。

 2.网关拦截，可以开白名单。

---

1.文件服务器Minio的安装

官网下载：

http://minio.org.cn

1.1 下载Minio安装后，新建1个data文件夹。并在该安装目录cmd 敲命令。注意不要进错目录。依次输入

set MINIO_ACCESS_KEY=minioadmin
set MINIO_SECRET_KEY=minioadmin

minio.exe server D:\003vue\minio\data --console-address ":9001" --address ":9000"

 看到这个界面，就说明minio安全完毕。

1.2 登录Minio网页端

打开http://127.0.0.1:9001/browser，初次可能需要登陆，账号密码均输入minioadmin 即可。

1.3 先建1个桶（buckets），点击create a bucket

取名 后点击create，Access policy权限改为public

2. Springboot整合Minio

我们用的是Springboot框架 ，SpringBoot框架已经整合 minio，所以使用起来还是很方便的。

2.1 首先导入依赖。

 <dependency>
     <groupId>com.squareup.okhttp3</groupId>
     <artifactId>okhttp</artifactId>
     <version>4.8.1</version> <!-- minio 依赖于 okhttp 且版本较高。注意，spring-boot-dependencies 中的不够高 -->
</dependency>
 <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>easyexcel</artifactId>
            <version>3.0.5</version>
        </dependency>
<dependency>
    <groupId>io.minio</groupId>
    <artifactId>minio</artifactId>
    <version>8.3.9</version>
</dependency>

2.2 yml文件配置

spring:
  application:
    name: xxxx
  servlet:
    multipart:
      max-file-size: 200MB  #设置单个文件的大小  因为springboot内置tomact的的文件传输默认为10MB
      max-request-size: 500MB   #设置单次请求的文件总大小
      enabled: true    #千万注意要设置该参数，否则不生效
minio:
  endpoint: http://127.0.0.1:9000
  accesskey: minioadmin
  secretKey: minioadmin

2.3 创建 MinioProp 类

@Data
@Component
@ConfigurationProperties(prefix = "minio") //批量读取配置文件中的属性值，前缀为minio
public class MinioProp {
//        @Value()//一个一个读配置文件中的属性值
    
        private String endpoint;
        priv