vue上传图片到阿里云

下载 ali-oss
npm i ali-oss -S
在vue中使用
在main中导入
import oss from ‘ali-oss’
window.oss = oss

在方法中使用:

//这里的四个参数都是后端给的
var client = new oss({
    region: "",
    //云账号AccessKey有所有API访问权限,建议遵循阿里云安全最佳实践,部署在服务端使用RAM子账号或STS,部署在客户端使用STS。
    accessKeyId: "",
    accessKeySecret: "",
    bucket: ""
});
try {
//第一个名字是你要上传的文件的自定义名字,第二个参数是file类型的对象
let resule = await client.put(
    fileName,
    file
);
return resule
} catch(e){
    console.log(e)
}

如果碰到403,并提示跨域,可能是后台cors没有配置好,其他的报错请参考阿里云官方文档

你可能感兴趣的:(技术)