我想知道我如何才能得到干净的图像URL的与下一个/图像组件在Next.js。
当前URL示例如下：
https://www.example.com/_next/image?url=%2Fimages%2Fhome%2FDog-image-1.jpg&w=384&q=100
是否可以像下面的URL一样每次都更改上面的URL：
https://www.example.com/_next/image/Dog-image-1.jpg
或者像这样：
https://www.example.com/_next/image/images/home/Dog-image-1.jpg
如何使用next/image组件获取干净的URL。
感谢您的参与。
2条答案
按热度按时间41ik7eoe1#
如果图像资源位于
Next.js应用根目录下的public文件夹中，则可通过URL键入其/name.format直接访问。示例：
public文件夹根目录（无子目录）中的Dog-image-1.jpg，则需要键入https://www.example.com/Dog-image-1.jpghttps://www.example.com/image/Dog-image-1.jpg访问同一个映像，则需要在public目录中创建一个image子文件夹。图像可以尽可能多地嵌套，只需要创建适当的子文件夹。
这是你要找的吗？
你可能会感兴趣。
hjzp0vay2#
我做到https://nextjs.org/docs/api-reference/next/image#unoptimized
从Next.js 12.3.0开始，通过使用以下配置更新next.config.js，可以将此属性分配给所有映像：
模块.导出= {图像：{未优化：true，}，}因此，我得到了常规图像URL https://www.example.com/images/home/Dog-image-1.jpg