vue项目打包后，浏览器上显示的页面标题前图标不显示，打包之后丢失ico图标丢失

问题描述：
vue项目本地运行时，页面标题前的图标可以正常显示：

打包之后却变成了：

原因分析：

1. 图标丢失
2. 打包后路径错误

解决方式：

1. 图标丢失
   打开打包文件：
   
   可以看到图标还在，所以排除。

2. 打包后路径错误
   打开index文件，查看在当前文件夹下，路径指向的位置是不是错了。
   比如我这里icon和index.html是放在一块的，路径写成了

<link rel="icon" href="../test.ico">

指向根目录，打包后放在服务器下运行位置就不对了。
改成：

 <link rel="icon" href="./test.ico">

打包后依然能看到页面标题前的图片。