vue项目打包后，favorite.icon不见了

朴灿烈づ我的快乐病毒、 2022-11-13 06:24 407阅读 0赞

问题描述：本地开发环境测试时，favorite.icon正常显示，部署其它环境，vue前端项目打包（npm run build）后，favorite.icon不显示了，成了一个这样的标识，控制台打印了`Failed to load resource: the server responded with a status of 404 (Not Found) favorite.ico:1`  
![在这里插入图片描述][20210326101818911.png]  
查看vue构建后index.html，里面引用见下图  
![在这里插入图片描述][20210326102203102.png]  
解决:  
npm run build 后，把favicon.ico放到了index.html同级目录，dist目录下，注意呀，不是static目录下  
![在这里插入图片描述][20210326105503743.png]  
![在这里插入图片描述][20210326105617768.png]  
把favicon.ico改一下位置，放到static目录下，构建后的index.html里引用favicon.ico路径更改一下，  
未修改之前的：`<link rel="shortcut icon" href=./favicon.ico>`  
![在这里插入图片描述][20210326114144669.png]  
修改之后的：

![在这里插入图片描述][2021032611432020.png]  
在springmvc项目的位置：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpZWp1bm5h_size_16_color_FFFFFF_t_70]

[20210326101818911.png]: /images/20221022/104fe043b56943b69fd176cc734204c3.png
[20210326102203102.png]: /images/20221022/d05cb5234b954cf19d5dbedb97295370.png
[20210326105503743.png]: /images/20221022/bad0c3d8b3fc48009e0fd0e3cfe7bcbd.png
[20210326105617768.png]: /images/20221022/945b9d806b1a42bfb7e4c4581d6b0e32.png
[20210326114144669.png]: /images/20221022/328eaf0253f544b3b9acfebcee5d6640.png
[2021032611432020.png]: https://img-blog.csdnimg.cn/2021032611432020.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpZWp1bm5h_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210326114430411.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpZWp1bm5h,size_16,color_FFFFFF,t_70