oss服务流程不作赘述。
npm install ali-oss
下载依赖
需要拿到以下内容,我是通过后台反的
accessKeyId: '',
accessKeySecret: ''
bucket: '',
secure: true,
region: 'oss-cn-shanghai',
在需要上传的组件页面引入oss
<script>
const OSS = require('ali-oss')
export default {
name: 'page1',
data(){
return{
client:null
}
}
methods:{
//获取oss信息
getOssInfo(){
request({
url:'/admin/Util/aliyOss.html',
method:'post'
}).then(res=>{
this.client = res
})
},
},
//上传操作
handleChange(file) {
const OSSClient = new OSS({
accessKeyId: this.client.ACCESS_KEY_ID,
accessKeySecret: this.client.ACCESS_KEY_SECRET,
bucket: this.client.BUCKET, // utility
secure: true,
region: 'oss-cn-shanghai', // todo
})
//调用ossput上传文件,参数1为上传到的服务文件目录地址,二为需要上传的文件
OSSClient.put(this.client.FOLDER+file.file.name,file.file).then(res=>{
console.log(res)
})
}
}
</script>