VIteJS Laravel，.css 中的背景图片

Question

我正在努力在 laravel 和 vitejs 中使用

background-image: url("/assets/back.png");

。 在网页上，将在 5173 端口（vite 的端口）上搜索图像，而不是在 Laravel 的 8000 端口上搜索图像，因此找不到图像。

我的图片在

/public/assets/back.png

我的 css 文件位于

/resources/css/app.css

你知道如何去做吗？

Answer 1

您应该尝试使用

@/resources/images/img.png

，它应该在开发过程中转换为

/images/img.png

，并在产品构建后转换为

/assets/images/img.xwv31s.png

。

Answer 2

您可以使用类 bg-[url('...')] 以及完整的 url http://yourdomain/assets/back.png 如果您使用 .blade.php class="bg-[url('{{asset("/assets/back.png")}}')]"