Nextjs,部署时未找到公共文件夹中的图像,但在本地找到

Rem*_*emi 6 next.js vercel

/public当我在本地开发时,当我将文件夹放入以下位置时会找到图像/src/

\n\n
# locally\n./src/public/images/\n
Run Code Online (Sandbox Code Playgroud)\n\n

然后,当我进行部署时,找不到图像。但是当我将 public 文件夹放在 src 之外时,会发现图像:

\n\n
# deploy\n./public/images/\n./src/\n
Run Code Online (Sandbox Code Playgroud)\n\n

我将图像用作:

\n\n
<img src="/images/my-image.jpg" alt="" />\n
Run Code Online (Sandbox Code Playgroud)\n\n

是否有我必须使用的配置设置?

\n\n
\n\n

编辑:

\n\n

完整结构:

\n\n
|- .now/\n|  |-  project.json\n|  \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 README.txt  \n|- next.config.js\n|- now.json\n|- src/\n|  |- .next/\n|  |  |-  build-manifest.json\n|  |  |-  react-loadable-manifest.json\n|  |  |-  cache/\n|  |  |-  server/\n|  |  \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 static/\n|  |-  pages/\n|  \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 next-env.d.ts\n
Run Code Online (Sandbox Code Playgroud)\n

Las*_*zlo 5

公共文件夹必须位于根目录中。\xe2\x80\x99s 无法进行其他配置。

\n\n

然后,您的代码可以从基本 URL (/) 开始引用 public 内的文件。\ /public/path/image.jpgn 用作/path/image.jpg

\n\n

https://nextjs.org/docs/basic-features/static-file-serving

\n

  • 我的公共文件夹位于根目录中,但我也遇到了同样的问题。你能解决它吗@Remi (7认同)
  • 我就是这样使用它的(在问题中添加了信息)。然而,仍然:它只能在本地找到。部署后,图像不会显示。 (3认同)