tomcat部署vue项目至默认项目

因为些乱七八糟的原因，在tomcat尝试着部署了一下vue项目，但在开发时运行得好好的代码，在tomcat下却加载不出图片了。
其实一开始不太懂，以为是图片路径问题，习惯做伸手党，在网上搜着大多答案都是说，要在vue.config.js里面添加publicPath:'./'。
可是本人添加以后发现情况也没有改变，在网上瞎改了很久也没弄好。
最后想了想，自己还是因为没搞懂这配置文件的原理，所以跑去官网看了看有关publicpath的解释。
其中一句话引起了本人的注意，

默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上

这么一看，我便知道自己问题出在哪里了。
一般情况下，我们没有修改tomcat配置时，它默认项目是root项目，而我们往webapps放项目时，访问也是通过http://localhost:8080/mall(假设mall是我们的项目)。但这问题就来了，我们项目并不是部署在根路径上，所以加载不到图片资源了。
当然，这些还是自己的推断，所以就跑去网上查了一下修改tomcat默认项目的方法，发现方法有挺多，但最简单的，就是在tomcat/conf/server.xml下：
标签中间，添加以下一句：

mall是项目名称，其他保持默认即可。
注意：mall放在webapps下，貌似该处填绝对路径也可，不过没去试验。

虽然事情很简单，但还是受益匪浅，一方面暴露出自己基础知识不扎实的问题，另一方面也得到启示，白嫖虽然很爽，但有时候自己去查官方文档能更快更准确地定位问题。在掌握一定基础之后，官方文档的知识要比网上许多博文都有知识含量。其实许多配置文件看着吓人，仔细观察其内容理解后，它们并不是洪水猛兽。

本人纯小白，如有不对，请不吝赐教。