如何使用 axios 在 Nuxtjs 项目的“静态”目录中上传文件？答案

【问题标题】：How to upload a file in Nuxtjs project's 'static' directory using axios?如何使用 axios 在 Nuxtjs 项目的“静态”目录中上传文件？
【发布时间】：2020-12-24 12:25:35
【问题描述】：

我想在响应 axios 请求时将一些 .xml.gz 文件保存在 Nuxt 项目的 static 目录中。

我有一个 api 端点，可以将此文件发送到 nuxt，但我不知道应该如何将其保存在 static 目录中，以便稍后我可以从 nuxt 的 url 公开访问和下载该文件www.foobar.com/sitemap-1.xml.gz

问题是，在托管前端时，我不能将这些 .xml.gz 文件保留在 nuxt 项目本身中，因为 .xml.gz 文件每 15 天后会不断更新，所以我的计划是使用 api每 15 天从 nuxt 获取端点，将其存储在 static 文件夹中，并在接下来的 15 天内公开访问它们。

另外提一下，我将 Nuxtjs 用作带有 nodejs 服务器的 SSR，所以是否可以使用一些节点包将文件保存在 nuxt 静态目录中？

我愿意接受任何想法，谢谢。

【问题讨论】：

你如何构建你的页面？我建议在您开始$ nuxt generate 之前，您编写一个node.js 小脚本，该脚本从API 中获取您的文件并将其存储在您的静态文件夹中。然后，您可以每 15 天手动调用一次构建挂钩 url，或者使用 cron 作业来调用该构建挂钩。你认为这在你的情况下可行吗？（我们做了类似的事情，我们将来自 API 的一些关键信息保存在静态文件夹中的 json 文件中，然后可以在应用启动后加载到 vuex 存储中）

标签： node.js upload axios nuxt.js server-side-rendering

【解决方案1】：

对于类似的问题，我使用了custome middleware。

这将使用 Nuxt 用于提供文件和执行 SSR 的服务器。由于static 文件夹很容易从这些路由中获得，因此您可以轻松地存储这些路由中的文件。

【讨论】：