Next.js 14生产环境部分图片无法加载(本地正常)求助
问题:Next.js 14部署后部分图片返回404,本地运行正常
我使用Next.js 14开发站点,本地开发环境、执行build和start命令后都能正常运行,但部署到服务器后,部分图片无法显示,返回404错误。两张图片的JSX代码逻辑几乎一致,其中一张能正常加载,另一张却不行。
正常显示的组件代码
<Image src='/images/alvaro.jpg' alt='Portrait' width={100} height={100} quality={95} priority={true} className='h-24 w-24 rounded-full object-cover border-[0.15rem] border-[#f1f1f1] shadow-lg' />
无法显示的组件代码
<Image src='/images/english.jpg' width={50} height={50} alt='English' quality={95} priority={true} onClick={() => handleLanguage('en')} className={clsx( 'cursor-pointer rounded-full shadow-md object-cover border-[0.12rem] border-[#f1f1f1] dark:border-0 hover:scale-110 transition', { 'opacity-75': activeLang === 'es' } )} />
两张图片文件均存放于/public/images文件夹,且文件名均为小写。服务器返回404的请求地址为/_next/image?url=/images/english.jpg&w=64&q=95,而请求/_next/image?url=%2Fimages%2Falvaro.jpg&w=256&q=95则能正常获取图片。

内容的提问来源于stack exchange,提问作者Álvaro
相关产品推荐
相关产品推荐

