vue-自动下载文件-Blob

实现功能:参考华为云创建密钥,自动下载私钥文件

1. 后端(python):返回文本

2. 前端(vue):使用Blob

2.1 api.js部分

export const createKey = data => {
return api.axios.request({
url: `${api.BaseUrl}/asset/key/createKey/`,
data: data,
method: 'post',
responseType: 'text'
});
};

2.2 add.vue部分

createKey(data).then((res) => {
if (res.status === 200) {
this.$Message.success('添加密钥成功');
const blob = new Blob([res.data], { type: 'text/plain;charset=utf-8' });
const objectUrl = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = objectUrl;
a.download = fileName;
a.click();
}
});


posted @ 2021-11-10 15:47  #yuhoo  阅读(281)  评论(0)    收藏  举报