0

在我的 css 文件中,我有一行:background-image: url(/img/bg.svg);

在开发模式下,这会解析为src/img/bg.svg(样式表位于src/css/components/styles.css

但在 prod 模式下,我在控制台中看到一个 404 错误,bg.svg但未找到。

我究竟做错了什么?

4

1 回答 1

1

最简单的方法是使用相对于 CSS 文件的路径,而不是绝对路径,因为相对路径是通过 Webpack 解析的,而绝对路径保持原样,所以它们主要靠运气。

另一种方法是将图像放在public文件夹中,但它会让您承担更多责任,以确保路径正确、Web 服务器配置正确等等。

于 2020-06-30T10:06:09.447 回答