vue項目打包后網(wǎng)頁的title亂碼解決方案
更新時間：2024年03月21日 09:18:20 作者：愛學(xué)習(xí)的大雄
這篇文章主要介紹了vue項目打包后網(wǎng)頁的title亂碼解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue項目打包后網(wǎng)頁的title亂碼
遇到的問題
vue項目在本地運行時無亂碼現(xiàn)象產(chǎn)生，但在我運行npm run build打包項目運行index.html后發(fā)現(xiàn)就是這個標題會出現(xiàn)亂碼的情況
后來在經(jīng)過查閱資料，發(fā)現(xiàn)是字符編碼的問題。
嘗試了網(wǎng)上一種方法
就是將亂碼的文件使用電腦自帶的記事本打開，然后選擇utf-8字符編碼另存為。
這種方法可以在本機上實現(xiàn)問題的解決，但是當我把另存為的文件再次上傳到linux服務(wù)器中部署后有產(chǎn)生了亂碼問題
最終找到的解決方法
如下：
在產(chǎn)生亂碼的html的head中添加以下代碼即可：
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
添加后再次進行項目打包，本地測試無亂碼現(xiàn)象，然后上傳至linux服務(wù)器部署，訪問測試，無亂碼現(xiàn)象。
vue部署項目，線上打開亂碼
如圖：
在 index.html <head></head>中加入<meta charset="utf-8"> 即可
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue路由的相關(guān)資料，文中講解非常細致，幫助大家更好的理解和學(xué)習(xí)vue路由知識，感興趣的朋友可以了解下2020-08-08
這篇文章主要介紹了Vue 組件注冊全解析的相關(guān)資料，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-12-12
如何隱藏element-ui中tree懶加載葉子節(jié)點checkbox(分頁懶加載效果)
這篇文章主要介紹了如何隱藏element-ui中tree懶加載葉子節(jié)點checkbox(分頁懶加載效果)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
vue計算屬性時v-for處理數(shù)組時遇到的一個bug問題
這篇文章主要介紹了在做vue計算屬性，v-for處理數(shù)組時遇到的一個bug 問題,需要的朋友可以參考下2018-01-01
本文主要介紹了Vue+tsx使用slot沒有被替換的問題，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了在Vue中使用Select選擇器拼接label的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vue3 onMounted異步函數(shù)同步請求async/await實現(xiàn)
這篇文章主要為大家介紹了vue3 onMounted初始化數(shù)據(jù)異步函數(shù)/同步請求async/await實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
Vue路由跳轉(zhuǎn)與接收參數(shù)的實現(xiàn)方式
這篇文章主要介紹了Vue路由跳轉(zhuǎn)與接收參數(shù)的實現(xiàn)方式,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
這篇文章主要介紹了element-ui滾動條el-scrollbar置底方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue3一個元素如何綁定兩個或多個事件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11