继续上一章文章，这次要操作的是，浏览器请求服务要到签名后直传给OSS对象存储。

1、写好服务端的方法，传给前台相应的密钥

    @Resource    OSSClient ossClient;    @Value("${spring.cloud.alicloud.oss.endpoint}")    private String endpoint;    @Value("${spring.cloud.alicloud.oss.bucket}")    private String bucket;    @Value("${spring.cloud.alicloud.access-key}")    private String accessId;    @RequestMapping("/oss/policy")    public Map<String, String> policy(){        String host = "https://" + bucket + "." + endpoint; // host的格式为 bucketname.endpoint        // callbackUrl为 上传回调服务器的URL，请将下面的IP和Port配置为您自己的真实信息。//        String callbackUrl = "http://88.88.88.88:8888";        String format = new SimpleDateFormat().format(new Date());        String dir = format+"/"; // 用户上传文件时指定的前缀。        Map<String, String>respMap =null;        try {            long expireTime = 30;            long expireEndTime = System.currentTimeMillis() + expireTime * 1000;            Date expiration = new Date(expireEndTime);            // PostObject请求最大可支持的文件大小为5 GB，即CONTENT_LENGTH_RANGE为5*1024*1024*1024。            PolicyConditions policyConds = new PolicyConditions();            policyConds.addConditionItem(PolicyConditions.COND_CONTENT_LENGTH_RANGE, 0, 1048576000);            policyConds.addConditionItem(MatchMode.StartWith, PolicyConditions.COND_KEY, dir);            String postPolicy = ossClient.generatePostPolicy(expiration, policyConds);            byte[] binaryData = postPolicy.getBytes("utf-8");            String encodedPolicy = BinaryUtil.toBase64String(binaryData);            String postSignature = ossClient.calculatePostSignature(postPolicy);            respMap = new LinkedHashMap<String, String>();            respMap.put("accessid", accessId);            respMap.put("policy", encodedPolicy);            respMap.put("signature", postSignature);            respMap.put("dir", dir);            respMap.put("host", host);            respMap.put("expire", String.valueOf(expireEndTime / 1000));            // respMap.put("expire", formatISO8601Date(expiration));        } catch (Exception e) {            // Assert.fail(e.getMessage());            System.out.println(e.getMessage());        } finally {            ossClient.shutdown();        }        return respMap;    }

目前此方法已经成功。

2、接下来配置我们的网关gateway,使它的前缀要统一，比如：127.0.0.1：88/api/phirdparty/oss/policy这个路径，那就开始操作吧~~

spring:  cloud:    gateway:      routes:        - id: third_party_route          #lb俗称负载均衡(loadBlance)          uri: lb://dadamall-third-party          #断言          predicates:            - Path=/api/thirdparty/**          #能够重写路径的地址  或是加 或是减的          filters:            - RewritePath=/api/thirdparty/(?/?.*),/$\{segment}

3、接下来开始前端调，在使用第三方组件引用的时候需要先引包

  import SingleUpload from "@/components/upload/singleUpload";

引包之后还有说明一下需要用那些组件

  export default {    components:{SingleUpload},  }

配置好之后可以使用自定义的标签了

<single-upload v-model="dataForm.logo">single-upload>

4、最后会出现403请求跨域问题，该问题是阿里云OSS对象存储的跨域问题需要自己配置。

5、最后上成功图一张~~

以上是我的个人笔记，探索未知密宝，记录学习笔记，分享有趣的故事，欢迎大家来访！