當前位置：
首頁 >
vue项目打包后，favorite.icon不见了
發布時間：2024/1/18
49
豆豆
生活随笔
收集整理的這篇文章主要介紹了
vue项目打包后，favorite.icon不见了
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
問題描述：本地開發環境測試時，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
查看vue構建后index.html，里面引用見下圖
解決:
npm run build 后，把favicon.ico放到了index.html同級目錄，dist目錄下，注意呀，不是static目錄下
把favicon.ico改一下位置，放到static目錄下，構建后的index.html里引用favicon.ico路徑更改一下，
未修改之前的：<link rel="shortcut icon" href=./favicon.ico>
修改之后的：
在springmvc項目的位置：
總結
以上是生活随笔為你收集整理的vue项目打包后，favorite.icon不见了的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： OC底层原理-Block
- 下一篇： Vue实现选项卡切换，tab切换