博客

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

  • Post author:
  • Post category:vue



步骤一：用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 '&


版权声明：本文为u012201879原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。