我不明白这个Vite文档。我的图片应该在resources文件夹中，但是JS代码仍然在public文件夹中执行。如果css读取图片没有任何问题（background：url（../img/1.png），那么JS将不会这样做。它希望在public文件夹中看到该图片。即使我在示例中写入了该图片的完整路径。
$("<img />", {
src: '../../../../img/interface/dexPodium.png',
}).appendTo(this);字符串
我还是看不见除非我这样做。
第一个月
但是，在构建之后，这些图像将在公共文件夹中可用，所以，如果它将像const imgUrl = new URL('./img/interface/dexPodium.png', import.meta.url);的值。“
我做错了什么，在JS中指定图片路径的正确方法是什么？我找到的所有答案都与Vue有关。
1条答案
按热度按时间w46czmvw1#
您可以直接在Vite的JavaScript代码中导入图像，Vite将为您处理路径解析。这适用于开发和生产版本。
字符串
在此代码中，
import imgUrl from '../../../../img/interface/dexPodium.png';导入图像文件并将其解析URL分配给imgUrl变量。然后您可以将此变量用作图像的src属性。这样，您就不用担心镜像文件在公共文件夹中的确切路径了。Vite会自动为您处理路径解析。