如何使用 Next/Image 缓存 digitaloceanspaces 图像

问题描述

我正在使用新的 next/image 组件从 digitaloceanspaces 加载头像图像，如下所示：

import Image from "next/image";

...

<Image
   layout="fill"
   quality={1}
   loader={avatarLoader}
   src="839e7be6-1d2d-4164-bd33-befc3a7613c6_1610115441"
/>

加载器如下所示：

export const avatarLoader = ({ src,width,quality }: ImageLoaderProps) => {
  return `https://donout.ams3.digitaloceanspaces.com/${src}?w=${width}&q=${quality || 75}`;
};

但它没有缓存它。我尝试将它添加到我的 next.config

module.exports = {
  async headers() {
    return [
      {
        source: "https://donout.ams3.digitaloceanspaces.com/*",headers: [
          {
            key: "Cache-Control",value:
              "public,max-age=31536000,s-maxage=31536000,stale-while-revalidate",},],];
  },};

但是没有任何效果。谁能告诉我如何从远程网址缓存图像？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）