使用下一个图像时,我遇到了链接断开的问题。
发生的情况是,有时我的图像会在某个视口宽度(比如 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']```