步骤一:用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项目中使用阿里云OSS SDK进行文件上传的步骤,包括通过npm安装SDK,配置文件aliOss.js的创建以及在edit.vue组件中的具体使用方法。

1616

被折叠的 条评论
为什么被折叠?



