vue项目sql图片动态路径引用问题

最近遇到一个vue动态图片路径的引用问题？明明路径是正确的但是却渲染不出图片！先看我慢慢说来！！

1、当我们把图片的路径放置在data（）{return：{}}中的数组中的时候，然后通过v-for循环数组。

　　当我们直接把图片路径给放在对象中的时候就像这样：{imgsrc:"../../assets/img/bbaa.jpg"},结果你发现图片在页面中渲染不出来。

　　但是当我们直接把图片放在<img src="../../assets/img/bbaa.jpg" />页面能够渲染，说明路径是正确的，那么就是vue项目中的问题了，我们把浏览器控制台打开发现图片路径从../../assets/img/bbaa.jpg变成了/static/img/......，

　　但是当我们去项目中的static文件夹看什么也没有。

为了解决这种问题我们需要在对象中这样写{imgsrc:require("@/assets/img/bbaa.jpg")}

2、上面第一种情况只能解决在页面中的假数据渲染，但是当我们从本地数据库拿到图片路径时，上面的方法就行不通了。

　　当我们使用Vue-cli创建项目的时候，你会看到一个static文件夹，为了解决熊数据库图片路径引用问题，我们把图片直接拷贝到static的根路径里面去，然后在数据库这样写图片的路径：

　　这时候启动项目，你就会发现页面的图片已经渲染出来了，当然还有其它的方法，我的这种方法并不是最佳的选择，但是是最容易理解和方便的，在学习的过程中遇到这样的问题完全够用了。希望当你们遇到这样的问题，能够帮到你们！！

巴特西