vue專案,打包後報錯以及空白問題

2022-03-25 01:50:36 字數 496 閱讀 2780

第一次從無到有自己搭建vue專案,npm run dev完全正常,打包之後頁面空白且報錯檔案找不到

1.修改config下面的index.js

assetspublicpath預設的是  『/』  也就是根目錄。而我們的index.html和static在同一級目錄下面。  所以要改為  『./ 

這樣改完之後我的專案不會再報錯了,但是頁面仍然是空白頁,就得接著修改,試了好多,終於下面這種生效了,還是在公司乙個很厲害的同事的幫助下

2.修改路由模式

src裡邊router/index.js路由配置裡邊預設模式是hash,如果你改成了history模式的話,開啟也會是一片空白。所以改為hash或者直接把模式配置刪除

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

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

解決vue打包後是空白頁面

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

vue打包後顯示空白正確處理方法

因為index.html裡邊的內容都是通過script標籤引入的,而你的路徑不對,開啟肯定是空白的。只要修改config資料夾裡的index.js裡的assetspublicpath的值 assetspublicpath預設的是 也就是根目錄。而我們的index.html和static在同一級目錄下...