静态加载NextJS Image在生产环境中提供404,但在本地主机上可以正常工作

carvr3hs  于 2022-12-18  发布在  其他
关注(0)|答案(1)|浏览(177)

我不明白为什么静态映像在生产环境中找不到,但在本地主机上可以工作。我把所有映像放在目录中:public/images/...

/* image.tsx */
return (
<Image
  src={"/images/frame1.png"}
  width="1000"
  height="1000"
  alt="Control description"
  style={{
    height: "auto",
    maxWidth: "100%",
    userSelect: "none",
  }}
/>
)

/* next.config.js */

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
};

module.exports = nextConfig;

Cloudflare页面部署:

本地主机:

我的文件结构:

emeijp43

emeijp431#

first:你试过改变<Image/> to <img/>吗?测试一下,看看它是否被修复了(只是为了确定问题是从哪里来的)
第二次尝试此操作:更改图像文件的名称.从大写到小写字母.

相关问题