如何在NextJS中缓存图像资产?

qrjkbowd  于 2022-11-23  发布在  其他
关注(0)|答案(1)|浏览(197)

NextJS文档明确指出(https://nextjs.org/docs/api-reference/next.config.js/headers#cache-control):

You cannot set Cache-Control headers in next.config.js file as these will be overwritten in production to ensure that API Routes and static assets are cached effectively.

在NextJS中缓存图像资产的另一种方法是什么?
我试过使用NextJS Image组件,但是它把我自己托管的图像url和专有的NextJS url搞混了。我想避免这种情况。

swvgeqrz

swvgeqrz1#

当使用<Image />组件时,NextJS将自动存储并提供它在服务器端存储的优化版本。(因为这是新的优化和缓存图像所在的位置)。如果您不需要这些优化,可以使用常规的<img />元素,因为NextJS需要使用它的后端服务来为您优化映像。

相关问题