时间戳

首页 > 解决方案 > 如何获取 vuejs 静态资产 url 以在生产中解析

javascript - 如何获取 vuejs 静态资产 url 以在生产中解析

问题描述

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

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

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

我究竟做错了什么？

标签： javascriptvue.js

解决方案

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

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

推荐阅读