解決vue打包後是空白頁面

2021-08-28 10:02:29 字數 484 閱讀 9230

有的小夥伴可能在剛完成乙個vue專案的時候,要打包上線了,在打包完成後開啟專案檢視一下發現頁面是一片空白,後來開啟控制台看,發現會有這樣的報錯出現。這是怎麼回事呢?因為在你打包專案的時候打包的路徑出現了問題,你打包的是專案給你預設的絕對路徑,我們只要把配置裡的絕對路徑改為相對路徑就可以顯示出頁面後來的樣子了。

開啟專案中的config資料夾 >index.js找到build物件下面的 assetspublicpath 的值改為 『./』 就可以了

預設

修改後

react打包後頁面空白

scripts 這兩條指令的意思 npm run dev 執行的檔案build dev server.js檔案,執行了 檢查node和npm版本 引入相關外掛程式和配置 建立express伺服器和webpack編譯器 配置開發中介軟體 webpack dev middleware 和熱過載中介軟體 ...

vue專案打包後開啟空白解決辦法

網上很多說自己的vue專案通過webpack打包生成的list檔案,放到hbulider打包後,通過手機開啟一片空白。這個主要原因是路徑的問題。1 記得改一下config下面的index.js中bulid模組匯出的路徑。因為index.html裡邊的內容都是通過script標籤引入的,而你的路徑不對...

Vue路由跳轉時顯示空白頁面,iview的使用

最近在用iview做專案,需要實現登入,註冊,忘記密碼等功能。iview admin本來就有登入功能,於是想照葫蘆畫瓢,實現登入介面的註冊,忘記密碼頁面路由跳轉。router.js裡路由配置,剛開始的寫法是line28和line38,匯入元件,其結果是位址列實現了路由跳轉,但是頁面卻是一片空白。將其...