vue中項(xiàng)目頁(yè)面空白但不報(bào)錯(cuò)產(chǎn)生的原因及分析

更新時(shí)間：2023年05月18日 10:38:47 作者：是張魚(yú)小丸子鴨

這篇文章主要介紹了vue中項(xiàng)目頁(yè)面空白但不報(bào)錯(cuò)產(chǎn)生的原因及分析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

vue項(xiàng)目頁(yè)面空白但不報(bào)錯(cuò)產(chǎn)生的原因分析

vue項(xiàng)目中我們請(qǐng)求一個(gè)路由，打開(kāi)頁(yè)面發(fā)現(xiàn)頁(yè)面是空白的，產(chǎn)生的主要原因有四種：

1.路由重復(fù)

如果配置了兩個(gè)路由是重復(fù)的，比如配置了兩個(gè)【path: ‘/’】，那么訪問(wèn)就會(huì)看到空白頁(yè)面，這時(shí)候改下重復(fù)的路由配置即可

2.app.js中刪除了router-view

我們可以把 app.js看成路由的頂級(jí)路由，再創(chuàng)建路由他屬于二級(jí)路由，依次類(lèi)推

3.路由導(dǎo)航守衛(wèi)沒(méi)有next（）

我們寫(xiě)路由導(dǎo)航守衛(wèi)時(shí)，next相當(dāng)于是安保人員，只有他有權(quán)力進(jìn)行放行，如果他不進(jìn)行放行，我們肯定無(wú)法接著訪問(wèn)，從而導(dǎo)致頁(yè)面空白

4.訪問(wèn)的就是空白頁(yè)面

這種情況比較少，我們?cè)僭L問(wèn)一個(gè)新的頁(yè)面時(shí)，一般會(huì)寫(xiě)點(diǎn)文字進(jìn)行頁(yè)面展示

打包vue文件后頁(yè)面空白，出現(xiàn)報(bào)錯(cuò)

報(bào)錯(cuò)如下：

Refused to apply style from 'http://127.0.0.1:5500/css/chunk-43aa77e1.33bcbef1.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.Failed to load resource: the server responded with a status of 404 (Not Found)

此塊代碼意思為：

拒絕應(yīng)用’http://127.0.0.1：5500/css/chunk-43aa77e1.33bcbef1.css’，因?yàn)樗腗IME類(lèi)型（‘text/html’）不是受支持的樣式表MIME類(lèi)型，并且需要嚴(yán)格的MIME檢查已啟用。

失敗加載資源：服務(wù)器的響應(yīng)狀態(tài)為404（未找到）