Vue 项目webpack打包图标不显示

第一次用VSCode进行打包一个VUE项目

结果放在直接将dist下面的项目拷贝到spring项目下面一运行发现我的阿里云ico图标都不见了,变成了方框,在苹果方框都不显示

Vue 项目webpack打包图标不显示_第1张图片

图中的方框都为ico图标

我一检查我在VSCode中都是正常的,唯一差异就是打包出了问题,所以百度...(哈哈 首先百度 因为谷歌太多英文有点费脑)

然后看到这样一个回答

Vue 项目webpack打包图标不显示_第2张图片

启发到我了,路劲问题

我没问前端打包后路径怎么放,以为打好包放进项目就能够使用

打包后的层次这样

Vue 项目webpack打包图标不显示_第3张图片

直接使用便无法找到图标

然后我更改后是下面这样,也就是按前端之前放的层次来放就正确了

Vue 项目webpack打包图标不显示_第4张图片

Vue 项目webpack打包图标不显示_第5张图片

我其实没给出解决方法 ,只是希望大家通过我这个经历来排查问题找到问题及解决办法.

 

你可能感兴趣的:(vue)