Vue —— 将后端返回数据导出成pem文件

贝塔贝卡贝

于 2021-12-11 13:15:06 发布

阅读量841

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 后端 javascript

本文链接：https://blog.youkuaiyun.com/Kiruthika/article/details/121872013

这篇博客介绍了如何在Vue应用中将从后端获取的密钥以PEM格式导出。通过创建Blob对象并利用HTML5的下载属性，实现点击按钮直接下载名为`name`密钥.pem的文件，方便进行后续加密操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从后端请求回来的数据是密钥，密钥的格式一般就是：
在这里插入图片描述
所以将此内容导出以pem文件扩展名

demo：

<v-btn depressed color="primary" @click="exportSecretkey">
  <v-icon class="pr-1">mdi-database-export-outline</v-icon>
  导出密钥
</v-btn>

exportSecretkey() {
  const blob = new Blob([this.credentials.signing.private_key], {
    type: "text/plain;charset=utf-8"
  });
  if ("download" in document.createElement("a")) {
    const elink = document.createElement("a");
    elink.download = `${this.name}密钥.pem`;
    elink.style.display = "none";
    elink.href = URL.createObjectURL(blob);
    document.body.appendChild(elink);
    elink.click();
    URL.revokeObjectURL(elink.href);
    document.body.removeChild(elink);
  }
}