天天看点

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

问题描述:

vue项目本地运行时,页面标题前的图标可以正常显示:

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

打包之后却变成了:

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

原因分析:

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

解决方式:

  1. 图标丢失

    打开打包文件:

    vue项目打包后,浏览器上显示的页面标题前图标不显示,打包之后丢失ico图标丢失
    可以看到图标还在,所以排除。
  2. 打包后路径错误

    打开index文件,查看在当前文件夹下,路径指向的位置是不是错了。

    比如我这里icon和index.html是放在一块的,路径写成了

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

改成:

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

继续阅读