Vue element-ui 上传至oss

1. 下载 ali-oss

npm install ali-oss

2. 封装oss上传工具 新建ali-oss.js

import http from './request' //接口请求封装

let OSS = require('ali-oss');

/**
 *  [region] {String}：bucket所在的区域， 默认oss-cn-hangzhou。
 *  [accessKeyId] {String}：通过阿里云控制台创建的AccessKey。
 *  [accessKeySecret] {String}：通过阿里云控制台创建的AccessSecret。
 *  [bucket] {String}：通过控制台或PutBucket创建的bucket。
 */
function ikjOss() {}

ikjOss.prototype.client = function (func) {
    //请求后台获取秘钥
    http.post('/oss', '').then(res => {
        let client = new OSS({
            region: res.data.region,
            accessKeyId: res.data.accessKeyId,
            accessKeySecret: res.data.accessKeySecret,
            bucket: res.data.bucket
        });
        func(client);
    }).catch(error => {
        console.log('秘钥获取失败')
    })
};

const ikj_oss = new ikjOss()

export default ikj_oss

3. vue使用