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

How to work with images from api in nuxt.js?

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

您可以使用类似该插件的插件:https://deliciousbrains.com/wp-offload-media/ 它将您的图像复制到 space,例如 Amazon S3 或 Digital Ocean Space。

它会自动更改 Wordpress 中的 url,因此您可以在 API 调用中获得正确的图像位置。然后,您甚至可以将 space 连接到 CDN,从而使图像传输速度更快。

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