原文:vue3.0以上關於打包后出現空白頁和路由不起作用

.解決頁面空白,找不到資源 在項目根目錄中的vue.config.js中publicPath: 修改為publicPath: . ,如果沒有這個文件,新建一個,基礎代碼為: .解決路由不起作用: 將路由中的紅框里面的注釋掉,或者將history模式更改為vue項目默認的hash模式即可 ...

2019-08-23 10:38 0 1517 推薦指數:

查看詳情

vue打包顯示為空白頁的解決辦法

ebpack+vue-cli 根據官網安裝、打包出來的html直接打開是顯示空白。而vue打包成html不需要放在服務器上就能瀏覽。 解決辦法: 1、config → index.js 找到對應路徑下的配置文件,修改 module.exports 中的 assetsPublicPath ...

Tue Oct 09 17:38:00 CST 2018 0 671
vue cli 3.0 腳手架 實現項目打包(解決項目打包空白頁問題)

寫完項目的代碼,項目准備上線 ,可以使用 npm run build 命令 對項目打包。 但是經常出現打包好的項目是空白頁的情況。這是因為需要我們手動配置。 解決方法如下 1. 在vue項目的根目錄 下創建 一個 vue.config.js文件。 2.在文件中輸入 ...

Mon May 18 22:16:00 CST 2020 0 853
如何解決vue2.0 打包之后 打開index.html出現空白頁

如何解決vue2.0 打包之后 打開index.html出現空白頁 1.打包之前修改三個文件 1.1.第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一個對象為 output,在這里面增加一行代碼 publicPath ...

Wed Aug 21 02:17:00 CST 2019 0 1750
vue-cli項目打包出現空白頁和路徑錯誤問題

vue-cli項目打包: 1. 命令行輸入:npm run build 打包出來后項目中就會多了一個文件夾dist,這就是我們打包過后的項目。 第一個問題,文件引用路徑。我們直接運行打包的文件夾中的index.html文件,會看到網頁一片空白,f12調試,全是css,js ...

Tue Nov 21 17:57:00 CST 2017 2 21551
vue-cli項目打包出現空白頁和路徑錯誤問題

vue-cli項目打包: 1. 命令行輸入:npm run build 打包出來后項目中就會多了一個文件夾dist,這就是我們打包過后的項目。 第一個問題,文件引用路徑。我們直接運行打包的文件夾中的index.html文件,會看到網頁一片空白,f12調試,全是css,js ...

Thu Dec 21 19:03:00 CST 2017 0 1517
解決 vue-cli 打包項目出現空白頁面的坑!

  使用 vue-cli 打包完后項目出現空白頁面的原因就是項目中使用到了相對路徑,解決的辦法也是非常簡單,將config/index.js 中的 assetsPublicPath 修改為空 ‘’,默認值為 ‘/’。 ...

Tue Sep 25 20:20:00 CST 2018 0 887
 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM