在使用vue框架进行开发的过程中,有两个文件夹都可以存放我们的图片以及样式等,一个是public文件夹,一个是src下的assets文件夹;接下来我们从这两个文件夹对图片的不同处理来进行分析:
1、public
如果将图片存入public文件夹,系统就会将原来的图片路径及名称编译为一个随机的名字,
经过编译后的图片会极大的减小所占内存,所以在网页中直接展示的图片或者经常随数据库变换而变换的图片都应该放在public文件夹下,这样也可以加快网页的运行速度。
这里我们把聊天的表情动画图gif放在public的im下面
可以通过下面方式进行访问
需要注意,这里需要使用绝对路径来进行访问
2、src/assets
存入assets文件夹下的图片则不会被编译处理,而是原封不动的保存在服务器中;像网页中一些固定不变的图片如登录注册以及其他各种矢量图就应放于assets中。
存于assets中的图片用相对路径来访问,就是相对于src目录