0

使用下一个图像时,我遇到了链接断开的问题。

发生的情况是,有时我的图像会在某个视口宽度(比如 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']```
4

1 回答 1

0

我想我明白了。看起来它与Linux中的文件夹权限有关。一旦我向运行 npm 进程的用户授予完全权限,一切似乎都很好。

于 2021-08-05T20:26:02.447 回答