vue中assete和public目录的区别及说明
作者：小迷糊MJ
想知道为什么字体文件放在src/assets里会报错,而放在public就能正常运行？本指南揭晓assets和public目录的核心区别,帮你避免静态资源加载陷阱,掌握路径设置与webpack处理规则,立即解决字体、图片文件找不到的烦恼
assete和public目录的区别
当字体文件放在src目录下的assete中时，控制台一直报找不到字体文件的错误，
如下图：
解决方案
将字体文件放在public目录下即可正常访问
总结
assets和public两个目录都可以用来放置静态资源，通常将外部的第三方的文件放在public中，自己的文件放在assets中。
1、public文件夹
（1）路径设置时无需添加 /public，默认加载 public 文件夹下的文件
（2）public文件夹下的资源会直接编译，而不经过 webpack
2、assets文件夹
（1）assets目录中的文件会被webpack处理解析为模块依赖
（2）大多数用来存放js、css等
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。