vue cli打包之後頁面為空的問題。

2022-03-11 23:17:47 字數 617 閱讀 5289

做了乙個demo,想看一下打包之後的樣子,發現頁面是空的。

發現問題就要解決:

1.首先看控制台沒有報任何錯誤,那就證明我們的**是沒有任何問題的。

只能是路徑問題造成的。

2.在路由router/index.js中加入乙個404頁面,**引入建立之類的就不說了。也就是說只要路徑錯誤,error這個vue元件就會顯示

3.再打包,發現新增的error果然出現。

4.再次證明是路徑問題,想到路由有個mode模式

之前考慮到原先的預設模式(也就是位址後面帶"#")很不習慣,所以改為history模式了

export default

newrouter({

mode:'history',

routes: [

{。。。

5.看下是不是這個問題

把history模式去掉

再打包ok,一切正常

補充一下:

看一下config/index.js 裡面

把絕對路徑改為相對路徑!!!!!

vue cli打包遇到的問題

1.首頁空白 在打包時需要使用相對路徑來處理靜態資源,更改build中資源發布路徑配置 config index.js,build物件 打包後靜態檔案就在當前目錄下。解決 修改config目錄裡面的index.js檔案 將 build裡的assetspublicpath 改為 assetspubli...

HBuilder打包Vue cli構建的APP

1.在打包之前需要修改乙個地方,那就是config index.js檔案,修改assetspublicpath 為assetspublicpath 截圖如下 上面檔案改好後,開始打包,執行如下命令 1npm run build 生成 dist 資料夾 2.打包步驟 步驟一 步驟二 配置 manife...

2020 09 16 頁面報值為空

2020 09 16 沒有選中省市時值為空,沒有做判斷值的業務,寫入 以來判斷 province values.geographic object.keys values.geographic length values.geographic.province.label city values.g...