如何在vuejs应用程序中点击按钮下载json文件

Question

我应该点击按钮下载json文件。当我点击时，我向api发出请求，并得到以下响应：

{
data: {…},
status: 200,
statusText: "",
headers: {…},
config: {…},
…
}

但是，我如何在点击按钮时从后端下载json文件？

Answer 1

您可以使用类似downloadjs的库

在按钮所在的组件中导入downloadjs。在按钮上附加一个onClick事件列表，并使用downloadjs 执行以下操作

download(JSON.stringify(apiResponse), "apidata.json", "text/plain");