vue中静态文件存放路径问题解决

在最近的项目学习中，遇到了一个问题，写好的vue代码明明在本机上运行良好，然而集成代码至我的小伙伴电脑上却一直出现无法找到文件的问题，通过路径找到该文件后也无法显示图标，一直不知道什么原因，感觉有点玄学。

        纠结良久，终于搞明白了，原来我的vue版本为-- vue@2.6.11 ，他的是@vue/cli 4.4.6，总算解决了图标无法显示的问题。

vue 2.6目录结构：

vue 4.4目录结构：（结构中的static文件夹是我自己新建的，不起作用）

究其原因，是因为vue-2版本跟3版本的区别，目录结构存在差别，版本2中有专门的static文件夹去存放静态类的文件，而版本3却没有这个文件夹。因此需要将静态类的文件放置在public文件夹之下，就可以了。

 

参考文章：vue版本2和3的区别