Vue使用阿里云OSS上传文件步骤

步骤一:用npm安装SDK
cnpm install ali-oss

步骤二:安装完成后,在配置文件中调用和配置参数
新建一个配置文件aliOss.js
可使用 import 或 require 进行引用

//调用阿里云OSS
const OSS = require('ali-oss');

export function infoClient() {
  //配置阿里云的参数
  const client = new OSS({
    region: 'oss-cn-beijing',                                                      //地域
    endpoint: 'oss-cn-beijing.aliyuncs.com',                                       //访问域名
    accessKeyId: 'LTAI0gl8ZuaOE9Xv',                                               //标识用户ID
    accessKeySecret: 'qVRcgIYx4bNswX3HPpfSMODVMN9YRA',                             //用户验证签名密钥
    bucket: 'toc-park-business',                                                   //存储空间
    secure: true
  })
  return client
}

步骤三:使用方法
在edit.vue页面中

//导入上传文件到阿里云
import { infoClient } from '@/utils/aliOss';
   //覆盖默认的上传行为,可以自定义上传的实现
    async fnUploadRequest(file) {
      try {
        //执行

你可能感兴趣的:(Vue)