如何在 nuxt.js 中处理来自 api 的图像？

Question

我已经开始使用 Nuxt，并且我有一个关于图像处理的一般性问题，这可能是我遗漏的一些非常明显的问题。 我使用 Wordpress rest api 作为我的数据源，我想用 nuxt generate 创建一个静态站点。 我的问题是如何将图像从 Wordpress 复制到生成的静态站点？我在文档中可以找到的所有内容都假设图像已经在 assets 文件夹中。在我的情况下，图像位于不同的 somain 和服务器上的 wordpress 安装中，我可以从其余 api 访问它们的数据和 url。

Answer 1

您可以使用类似插件：https://deliciousbrains.com/wp-offload-media/，它将您的图像复制到 Amazon S3 或 Digital Ocean Space 等空间。

它会自动更改 Wordpress 中的 url，因此您可以在 API 调用中获得正确的图像位置。然后，您甚至可以将您的空间连接到 CDN，从而加快图像交付速度。

我在几个项目中成功使用了它。