1. 程式人生 > >關於vue-cli打包後,index顯示空白頁解決方法

關於vue-cli打包後,index顯示空白頁解決方法

1.修改打包時,檔案引用路徑

config檔案加下index.js檔案中,找到 build 中的  assetsPublicPath 將 assetsPublicPath: '/' 修改為 assetsPublicPath: './'  即新增一個點


2.註釋相關列印提示(可選)

build檔案加下build.js檔案中,將一個 console.log 註釋掉


3.重新build

 3.1如果沒有進行第2項,在build的時候出現以下情況,但是並不影響最終結果

  3.2,在進行第二項之後,build將會完美成功

     

4.重新開啟 dist檔案下的index.html

   

相關推薦

關於vue-cli打包index顯示空白解決方法

1.修改打包時,檔案引用路徑在config檔案加下index.js檔案中,找到 build 中的  assetsPublicPath 將 assetsPublicPath: '/' 修改為 assetsPublicPath: './'  即新增一個點2.註釋相關列印提示(可選

vue-cli 打包背景圖出不來解決方法

vue-cli用npm run build打包之後,開啟index.html頁面,背景沒有加載出來解決辦法: 修改build/utils.js檔案裡面的ExtractTextPlugin,新增:publicPath: ‘…/…/’, 具體程式碼如下: if (options.extrac

loadrunner 播放指令碼日誌顯示中文亂碼解決方法

在這裡教大家一個最簡單的方法,可以使日誌中文亂碼變成正常 在你的指令碼中再建立一個action,在這個新建的action頁面中,點選‘錄製按鈕’,彈出錄製設定頁面後,點選左下角‘設定’,在HTTP Properties - Advaced頁面,勾選Support chars

vue-cli 打包顯示favicon.ico小圖標

cli 文件 技術 vue 相對路徑 alt src 分享 avi 第一步:favicon.ico小圖標放在static裏面 第二步:index.html 文件中引入時需要寫 ./ 相對路徑 第三部:npm run build 打包 打包完成就可以看到

vue.js - 解決vue-cli打包自動壓縮代碼

lena 搜索 .com clas 查看源碼 body 我們 pan hub 當我們用vue腳手架做完項目後,npm run build打包之後, 有沒有查看源碼,全是壓縮好的。但是我就不想讓它壓縮,該怎麽辦呢? 困惑了幾天,查了各種資料。終於終於... 來,上幹貨: 首先

Vue專案打包靜態資源路徑出錯

一,css、js路徑出錯 1.1 特徵: 這種情況表現為頁面顯示是空白的! 1.2 解決方案 進入config ==> index.js 檔案 二,圖片路徑出錯 2.1 特徵: 本地測試沒問題,但是打包之後,路徑就亂了

Vue項目打包只能訪問首其他頁面路徑找不到

nbsp sets 參數 nod strong tput set uil env webpack.prod.conf.js 中output添加參數publicPath:‘./‘ 修改webpack.base.conf.js中: publicPath: process.e

Vue webpack打包css樣式發生改變或不起作用

用run dev build打包後,發現樣式改變了,最終發現addAdress.vue和myAdress.vue中的有個類名是相同的,但是想著 <style scoped> </style> 在style標籤上新增scoped屬性,就表示它的樣式作用於當下的模組,樣

vue-cli打包如何執行

執行npm run build進行打包,生成dist資料夾,直接開啟dist中的index.html檔案將會是一片空白 dist中的檔案需要放在伺服器上執行,具體的操作參考上面的部落格,感謝這位博主啦!!! config/index.js中的assetsP

本地測試vue-cli打包的dist檔案

此方法可以自己本地寫介面,自己打包vue-cli,然後測試打包後的檔案是否正確。 1.本地獲取自己寫到的node.js介面 可能會遇到跨域的問題,可以看我的部落格跨域問題 1.1.在vue頁面中引入自己node.js寫的介面(關於node.js的教

vue webpacket 打包 backgroundImg 不顯示問題

vue中使用的less 小圖示 ,這樣引用打包後是可以顯示的,但是大圖片同樣這樣引用就不會顯示 background:url('[email protected]/images/mine/mine_bg.png') no-repeat; 解決辦法: build/utils.js

vue專案打包npm run build相關配置以及解決專案打包圖片404背景圖片找不到iview程式碼出問題的情況

1.首先找到config下的index.js檔案 將build下的assetsPublicPath的斜槓換成./ 操作如下 只需要換build中的就可以 dev中的assetsPublicPath不用動 不然打包過後 npm run dev的時候直接出現can not Ge

vue-cli打包iconfont路徑問題

第一次做vue的專案,記錄一下遇到的問題以及解決方法,用npm run build打包專案之後發現iconfont引用的檔案路徑不對,在網上查詢資料後,找到了解決方法:找到build下面的utils.js檔案,如圖所示位置加上publicPath: '../../'這句即可解

vue-cli打包構建時常見的報錯解決方案

imu cli blog error: 背景 服務 strong 背景圖 log 報錯1:打包後丟到服務器中,打開是空白頁 報錯2:打包後想要在本地file中打開,但是打開是空白頁 報錯3:打包後在瀏覽器中打開,報錯ERROR in xxx.js from UglifyJs

nginx+php-fpm配置頁面顯示空白解決方法以及用nginx和php-fpm解決“502 Bad Gateway”問題

https://stackoverflow.com/questions/15423500/nginx-showing-blank-php-pages For reference, I am attaching my location block for catching files wi

tableview 選中一行顯示選中顏色的方法 tableview 選中一行顯示選中顏色不要將tableview的allowsSelection設定成NO那樣的話可能導致tablev

tableview 選中一行後,不顯示選中顏色的方法 第一種方法:設定選中無顏色變化 tableview 選中一行後,不顯示選中顏色,不要將tableview的allowsSelection設定成NO

wordpress設置“固定鏈接”頁面404錯誤的解決方法

none try_files lin modules 導致 位置 options .config 固定 Nginx 解決方案: 網上盛傳的方法是: 在 /etc/nginx/nginx.conf文件的 loction / {} 中添加 if (-f $request_f

Linux虛擬機的glibc被卸載無法進入系統的解決方法

play xxxxxx spl mnt 強制 volume 本地 glibc nload 1. 用Linux啟動光盤或u盤引導系統,進入控制臺界面 2. 掛載glibc被卸載的硬盤,假定在/dev/sda2. 如果是LVM2的文件系統, 需要找到邏輯卷的名稱並激活;普通情

更換PHP 5.4以上版本Dedecms後臺登入空白解決方法

把PHP的版本從5.2.14升到5.4.15,升級完後dedecms後臺開啟空白,檢查各種許可權和檔案,沒有問題,那就有可能是PHP版本函式的問題,它是用session_register來註冊一個session變數,但是在php5.4以上中已經移除了這個功能 解決辦法:

android手機刷機wifi無法使用的解決方法

為了嚐鮮android 9.0,將nexus 6p刷到9.0,刷成功之後,wifi無法使用了。查閱資料,找到解決辦法就是,刷入boot.img 第一步:找到boot.img檔案,boot.img檔案在你下載的刷機壓縮包中,你只需要解壓壓縮包,複製boot.img檔案 第二步:進入fast