小编jvb*_*vbs的帖子

在我使用 Vite ( ) 的项目中，我的目录中^2.9.7有一个文件夹，其中包含一些图像。publicroot

我正在使用Vite的功能导入图像import.meta.glob，例如

import { LazyBlock } from "../LazyBlock";

const images = import.meta.glob("./home/*.(jpg|png|jpeg)");

export function Gallery() {
  const blockImages = Object.keys(images);

  return (
    <div className="flex justify-center w-full">
      <div className="flex flex-wrap justify-center min-h-8">
        {blockImages.map((image, index) => (
          <LazyBlock url={image} key={index} />
        ))}
      </div>
    </div>
  );
}

在本地主机中运行时，它工作正常，但有一个恼人的警告说要删除/public：

files in the public directory are served at the root path.
Instead of /public/home/1.png, use /home/1.png.

但是删除它，图像就会停止工作。

但主要问题是当我构建和部署项目时，public文件夹停止存在并且使用的路由停止工作，但如果更改 devtools 中的 src …