关于tomcat下启动vue项目，谷歌浏览器中favicon.ico的显示问题

关于favicon.ico的显示问题

问题描述：vue项目使用npm run build打包之后，通过Tomcat启动，在谷歌浏览器访问路径错误，出现404，通过火狐访问正常的问题；

1.什么是favicon.ico

1.1 概念

• favicon.ico图标是网站的缩略标志，可以显示在浏览器标签、地址栏左边和收藏夹，是展示网站个性的缩略logo标志，也可以说是***网站头像***
• 从特定的技术角度看，favicon也并不只是仅仅让网站给人更专业的观感，也可以在一定程度上减轻服务器的流量带宽占用，一般为了提高网站的可用性，我们都会为自己的网站创建一个自定义的404错误文件，在这种情况下，如果网站没有相应的favicon.ico文件，每当有用户收藏网站/网页时， Web服务器都会调用这个自定义的404文件，并在网站的错误日志中记录。这显然是应该予以避免的。

1.2 网页上调用

• 浏览器调用favicon的原理是首先在网页所在目录寻找favicon.ico文件，如果没有找到就去网站的根目录寻找。所以最简单的方法就是将制作好的favicon文件命名为favicon.ico然后上传到网站的根目录下。

• 如果您需要将Favicon.ico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页Html文件中做设定了，在Html中的部分加入如下的代码：

  <link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type