vue中，关于svg引入的问题

Question

比较复杂，希望有大佬能指点一下。目前遇到的问题就是。svg寻址问题。svg加载没问题，试过了在当前vue的文件夹下调用svg，但如果要跨文件夹要如何去寻址呢？


比如，我现在要的svg位置就是src下的/icons/svg/remit_business.svg。
那我要怎么写呢？求解。问了人说有可能是webpack配置问题啥的。但萌新实在不知道咋解决呀。求救

一开始想着是用这样的方式引入，但结果就是。不显示。

文件目录如下图

Answer 1

只需要关注你当前 css 和引入 svg 的相对路径进行了，webpack 会自动编译

Answer 2

background-image的url仅支持网络路径图片以及base64格式图片，现在是路径解析成功了，但是css不支持这样的，所以不是目录问题，那你换成png就能佐证了。

你的问题在于background url无法解析svg代码，它那里面还有双引号呢，肯定解析不出来。解决方案参考：https://stackoverflow.com/que...