如何获取要在生产中解析的vuejs静态资产网址

时间:2020-06-30 10:02:28

标签: javascript vue.js

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

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

但是在生产模式下,我在控制台中看到404错误,找不到bg.svg

我在做什么错了?

1 个答案:

答案 0 :(得分:1)

最简单的方法是使用相对于CSS文件的路径,而不是绝对路径,因为relative paths are resolved through Webpack的绝对路径按原样保留,因此它们大多靠运气工作。

另一种方法是将图像放置在public folder中,但这使您承担更多责任,以确保路径正确,Web服务器配置正确,等等。