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