vue3调用静态资源

vue2项目中调用人脸识别正常，vue3新项目中需要用到人脸识别，于是将人脸识别的资源放到vue3中，但是开始疯狂报错，一开始报的

 大概是资源没调用上，看了其他文章寻找解决办法，说的和webpack版本有关，跟着操作了下，

降低了vue-router版本，结果整个项目崩了运行不起，接着又用require去引用静态资源，报错

 考虑到vue3也兼容vue2语法，所以踩坑花了大量时间去解决这个问题，尝试了很多办法，最后终于试出来了，vue2和vue3在调用静态资源上是有一点差别的，vue2是通过webpack处理的static，vue3没有通过webpack，所以在导的时候就不能通过static去导，而是public，在调用的时候不要写文件名，直接写后面部分就能正常引入了

 以上是vue3错误引入

 以上正确引入

所以这个问题很简单啦，不过第一次遇到花了太多时间，记录一下，避免踩坑！！！！