0
点赞
收藏
分享

微信扫一扫

vue中图片文件夹的保存与访问


      在使用vue​​框架​​进行开发的过程中,有两个文件夹都可以存放我们的图片以及样式等,一个是public文件夹,一个是src下的assets文件夹;接下来我们从这两个文件夹对图片的不同处理来进行分析:

vue中图片文件夹的保存与访问_登录注册

 1、public

   如果将图片存入public文件夹,系统就会将原来的图片路径及名称编译为一个随机的名字,

 经过编译后的图片会极大的减小所占​​内存​​,所以在网页中直接展示的图片或者经常随数据库变换而变换的图片都应该放在public文件夹下,这样也可以加快网页的运行速度。

    这里我们把聊天的表情动画图gif放在public的im下面

vue中图片文件夹的保存与访问_javascript_02

 可以通过下面方式进行访问

vue中图片文件夹的保存与访问_矢量图_03

 

vue中图片文件夹的保存与访问_矢量图_04

 

需要注意,这里需要使用绝对路径来进行访问

2、src/assets

        存入assets文件夹下的图片则不会被编译处理,而是原封不动的保存在服务器中;像网页中一些固定不变的图片如登录注册以及其他各种矢量图就应放于assets中。

vue中图片文件夹的保存与访问_前端_05

存于assets中的图片用相对路径来访问,就是相对于src目录

举报

相关推荐

0 条评论