如何解决Vue中CSS引入assets图片不显示的四种技巧？

本文共计926个文字，预计阅读时间需要4分钟。

这里主要针对vuecli2中的一些问题进行探讨。在vue项目中，经常会遇到大量的图片资源，这些资源需要存储在特定的位置。通常我们有以下两个选择：1. static，2. assets。关于这两个选项的区别以及如何选择，下面进行简要说明。

这里主要针对的是vuecli2中的一些问题。
vue项目中，常常会有很多的图片资源，这样的资源存放位置，通常我们有两个选择：1. static，2. assets
关于这两者之间的区别，和如何选择这里就不多说了！
这里我们来说说assets目录下存放图片时，在vue组件的css样式中引入图片时将会遇到的一些问题！
正常情况，我们在本地开发调试的时候，无论什么样的方式引入图片都不会有问题。但是，一大包发布打线上，就会出现图片无法加载的情况！
这是因为，出于某些原因，有人修改了config目录下的index.js文件中的build对象中assetsPublicPath的值，这个值初始化的时候是 斜杆（/）,代表资源根目录，也就是dist目录下与index.html文件同级。