Laravel+Vite环境下，如何从Public目录加载CSS背景图片？

Laravel默认把public文件夹作为网站的静态资源根目录，同时Vite的开发服务器会自动代理静态资源请求到public目录，因此你无需额外配置，直接在CSS中使用绝对路径引用图片即可。

举个实际例子：

• 若演示图片存放在public/images/demo-bg.jpg
• 在resources目录下的CSS文件里，直接这么写：

.target-element {
    background-image: url('/images/demo-bg.jpg');
}

这里的/对应网站根目录（也就是public文件夹的路径），不管是开发环境还是生产环境，这个路径都能正确指向public里的图片资源。

注意别用相对路径（比如../../public/images/xxx.jpg），因为Vite编译CSS时会以CSS文件所在位置为基准解析相对路径，最终会导致路径错误。

内容的提问来源于stack exchange，提问作者Mohsen Movahed