什么是阿里云OSS? Aliyun Object Storage Service(簡(jiǎn)稱OSS),是阿里云推出的對(duì)象存儲(chǔ)服務(wù),是面向云計(jì)算的數(shù)據(jù)存儲(chǔ)服務(wù)。
什么是Vue? Vue.js是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。
如何在Vue中使用Aliyun OSS? 首先需要使用“ali-oss”第三方庫(kù)。可以使用npm來(lái)安裝該庫(kù)。
npm install ali-oss --save
在Vue中如何使用?
首先需要在main.js中引用
import OSS from 'ali-oss' Vue.prototype.ossClient = new OSS({ region: '地域', accessKeyId: 'AccessKeyId', accessKeySecret: 'AccessKeySecret', bucket: 'Bucket名稱' })
在代碼中即可使用ossClient來(lái)上傳文件或者其他操作。例如上傳文件:
async uploadFile() { const file = this.$refs.fileInput.files[0] try { const res = await this.ossClient.put('dir/' + file.name, file) console.log(res) } catch (e) { console.error(e) } }
以上就是如何在Vue中使用Aliyun OSS的簡(jiǎn)單教程。