Nextjs，在部署中找不到公用文件夹中的图像，但是在本地找到

2024-04-29 • 问答

当我在本地进行开发时，将/public文件夹放在/src/中时会找到图像：

# locally
./src/public/images/

然后，当我进行部署时，找不到映像。但是，当我将公用文件夹放在src之外时，会发现图像：

# deploy
./public/images/
./src/

我将图像用作：

<img src="/images/my-image.jpg" alt="" />

我必须使用配置设置吗？

编辑：

完整结构：

|- .now/
|  |-  project.json
|  └── README.txt  
|- next.config.js
|- now.json
|- src/
|  |- .next/
|  |  |-  build-manifest.json
|  |  |-  react-loadable-manifest.json
|  |  |-  cache/
|  |  |-  server/
|  |  └── static/
|  |-  pages/
|  └── next-env.d.ts

yxc130170 回答：Nextjs，在部署中找不到公用文件夹中的图像，但是在本地找到

公用文件夹必须位于根目录中。无法进行其他配置。

然后，您的代码可以从基本URL（/）开始引用public内部的文件。 /public/path/image.jpg被用作/path/image.jpg

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

Next.js 可以在根目录中名为 public 的文件夹下提供静态文件，例如图像。您可以查看文档here

import Image from 'next/image'

function Avatar() {
  return <Image src="/me.png" alt="me" width="64" height="64" />
}

export default Avatar

玩得开心。

next.js vercel

本文链接：https://www.f2er.com/2603574.html

Nextjs，在部署中找不到公用文件夹中的图像，但是在本地找到

编辑：

yxc130170 回答：Nextjs，在部署中找不到公用文件夹中的图像，但是在本地找到

大家都在问