原文:vue-cli打包之后頁面為空的問題。

做了一個demo,想看一下打包之后的樣子,發現頁面是空的。 發現問題就要解決: .首先看控制台沒有報任何錯誤,那就證明我們的代碼是沒有任何問題的。 只能是路徑問題造成的。 .在路由router index.js中加入一個 頁面,代碼引入創建之類的就不說了。也就是說只要路徑錯誤,Error這個vue組件就會顯示 .再打包,發現新增的Error果然出現。 .再次證明是路徑問題,想到路由有個mode模式 ...

2017-12-29 11:08 0 4129 推薦指數:

查看詳情

vue-cli打包之后的項目在nginx的部署

vue-cli執行 進行打包,生成dist文件夾,把該文件夾下的文件直接復制到nginx服務器目錄下,就可打開項目,但是只有首頁是可以看到的,再刷新一下就404了,原因是vue的項目為單頁應用,路由找不到所致。所以要在nginx服務器配置對所有的路徑或者文件夾進行跳轉。重定向到首頁 ...

Thu Sep 07 23:46:00 CST 2017 0 15795
vue-cli頁面應用常遇到的問題

1、TypeError: webpack.optimize.OccurenceOrderPlugin is not a constructor 此問題出現在webpack 3中,解決辦法很簡單,將occurenceOrderPlugin改為OccurrenceOrderPlugin即可 ...

Tue Jul 10 05:29:00 CST 2018 0 2846
vue-cli創建項打包后打開頁面為空白的問題解決

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

Fri May 31 21:22:00 CST 2019 0 4163
vue-cli -- 打包配置

一、開發環境配置 —— config/dev.env.js 二、生成環境配置 —— config/prod.env.js ...

Thu Apr 04 01:12:00 CST 2019 0 549
解決vue-cli 打包后靜態資源路徑不對的問題

項目基於vue-cli搭建的,都會自動配置一些打包的參數。在實際項目中,可能會用到static下的靜態圖片。 打包出來后,圖片加載錯誤。查看圖片路徑發現有雙層的static/css/static/images。很明顯是打包的時候,路徑配置的不對。 可以通過添加publicPath ...

Sat Dec 08 01:17:00 CST 2018 0 1352
vue-cli項目打包需要修改的路徑問題

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

Wed Dec 12 23:16:00 CST 2018 0 5774
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM