VUE 爬坑之旅 -- 引入静态资源的正确方式

在 Vue 项目中，静态资源文件有二个位置可以存放，分别为 src 里面的 assets 文件夹和外层的 static 文件夹，从文件夹名字上面就可以大概的看出有何区别。

assets ：资产，资源
static ：静态的
同样都是放资源的位置，为什么会有二个地方，他们之间有什么区别呢？
在我原来的项目里面，我都是把各种资源文件放到 assets 里面，这样在打包的时候 webpack 会自动把资源给你压缩，比如把 png 图片压缩成 base64 格式，当时觉得这样好啊，自动压缩资源，减小项目体积，好东西。

这里需要纠正下，看了上面的那篇文章之后，我对前端缓存有了新的理解，所以上面用删除线划掉的那段话是有问题的，正确的应该是：
我们项目中放在 assets 中的图片文件在打包的时候会被压缩成 base64 格式的文件，这个文件在请求过之后会被放到 memory cache 中，当后面再次请求这个资源的时候就会从内存中直接读取，不会再发出请求，这个可以从浏览器的调试模式中看到，所以官方给出的图片资源的存放位置并没有问题，将项目中用到的小图标等文件放到 assets 下，不仅会帮我们压缩文件，还可以减少请求数，这正是我们所需要的。
vue-cli项目 build后请求本地static文件中的 json数据，路径不对，报错404处理方法

解决访问static目录下文件找不到的问题（ 报404 ？）

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/11217.html