【发布时间】：2021-10-07 23:04:03
【问题描述】：
我在使用 next-image 时遇到了断开链接的问题。
发生的情况是，有时我的图片会在某个视口宽度（例如 1200 像素）上加载，但如果我将其缩小到移动设备尺寸，图片链接就会断开。
检查控制台后，将记录一个错误，状态为 500。
http://[frontend_url]/_next/image?url=http://[backend_api]/uploads/hero_Image_b538a45842.png&w=750&q=75
我可以通过设置 unoptimized = true 来解决这个问题，但这会抵消 Image 组件的好处...
最令人困惑的是：为什么 Image 在较大宽度上加载图像，而不是在较小宽度上加载？
编辑：发现节点错误
0|next-sta | path: '/usr/local/lsws/NextApp/html/node/.next/cache/images/j8X3FWLiJlicemGC-Qioge3VvTjbRkDYuIKNy2zXAjM=/1627911151769.RMzOowFH4OzxMfIA8G2Qeu9NBvQpi3uHrw9gUg5r5mQ=.webp'
0|next-sta | }
0|next-sta | [Error: EACCES: permission denied, unlink '/usr/local/lsws/NextApp/html/node/.next/cache/images/cV6oT2gdWQ2+Xgc7AgKESqo2NncqsInXIA0WbcuTY4M=/1627911151770.86QROHkZcFs61Wxlt0dGI1kFyEvTpcD2qFXF7U6ueZg=.webp']```
【问题讨论】：
-
节点输出中记录的nextjs控制台是什么？您是否也将图像放在 next 可以访问的
public目录中？ -
您如何使用
next/image以及您的next.config.js是什么样的？ -
您好，节点输出显示错误，在原帖的 EDIT 中添加。图像通过 Strapi CMS 的 API 检索。 @juliomalves，我在响应模式下使用下一个/图像，宽度和高度设置为 1000（这是一个方形图像）。我的 next.config.js 有这些行：
images: { domains: ["[backend]"], } -
在本地使用
next build && next start运行应用程序时，您能否重现该问题？
标签： next.js nextjs-image