You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.25 12:52:16