vue項目頁面空白但不報錯產(chǎn)生的原因分析

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

1.路由重復

如果配置了兩個路由是重復的，比如配置了兩個【path: ‘/’】，那么訪問就會看到空白頁面，這時候改下重復的路由配置即可

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

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

3.路由導航守衛(wèi)沒有next（）

我們寫路由導航守衛(wèi)時，next相當于是安保人員，只有他有權力進行放行，如果他不進行放行，我們肯定無法接著訪問，從而導致頁面空白

4.訪問的就是空白頁面

這種情況比較少，我們再訪問一個新的頁面時，一般會寫點文字進行頁面展示

打包vue文件后頁面空白，出現(xiàn)報錯

報錯如下：

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)

此塊代碼意思為：

拒絕應用’http://127.0.0.1：5500/css/chunk-43aa77e1.33bcbef1.css’，因為它的MIME類型（‘text/html’）不是受支持的樣式表MIME類型，并且需要嚴格的MIME檢查已啟用。

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

Failed to load resource: the server responded with a status of 404 (Not Found)

此塊代碼意思為：

未能加載資源：服務器響應狀態(tài)為404（未找到）

引起此類報錯的原因是因為js、css等文件過多，需手動添加（./）獲取當前文件路徑，但js等文件過多手動添加路徑會引起沖突，

此類報錯的解決方案為：在根目錄中添加一個名為vue.config.js的文件，操作如下

總結

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論