在使用vue cli . 的時候，npm run build的后，打開dist文件夾，打開index.html后，頁面空白，控制台報錯。如下圖： 解決辦法： 在項目中添加vue.config.js文件，內容如下： 第一次嘗試： 打包報錯： ERROR Invalid options in vue.config.js: baseUrl is not allowed 第二次嘗試： 這邊有一個坑，在vu ...
2019-11-01 17:13 0 2929 推薦指數：
cli3.0 解決辦法： Failed to load resource: net::ERR_FILE_NOT_FOUND 打開dist/index.html， 引入是有問題的， 在vue-cli 3.0 創建的項目中是找不到webpack的配置文件，因為vue-cli ...
最近第一次使用vue-cli構建項目，第一次打包部署到服務器上的時候出現圖片加載不出來，結合網上的方法，終於給摸索出來。將項目部署到服務器上分為兩種：一種是直接部署到服務器的根目錄，另外一種是部署到服務器的子目錄下 1.我們首先來說部署到根目錄下 就是比如：www.****.com 找到 ...
新建一個項目，使用vue-cli 3.0進行構建，使用了vux和vue-router，本地運行時是沒有問題的，但是在打包之后，頁面就一片空白，打開控制台會看到是各種資源引用出錯。 這是因為webpack的配置不對，只需要將webpack的配置修改一下就好。 vue-cli 3.0 內置 ...
vue-cli項目打包： 1. 命令行輸入：npm run build 打包出來后項目中就會多了一個文件夾dist，這就是我們打包過后的項目。 第一個問題，文件引用路徑。我們直接運行打包后的文件夾中的index.html文件，會看到網頁一片空白，f12調試，全是css，js ...
vue-cli項目打包： 1. 命令行輸入：npm run build 打包出來后項目中就會多了一個文件夾dist，這就是我們打包過后的項目。 第一個問題，文件引用路徑。我們直接運行打包后的文件夾中的index.html文件，會看到網頁一片空白，f12調試，全是css，js ...
1. 命令行輸入：npm run build 打包出來后項目中就會多了一個文件夾dist，這就是我們打包過后的項目。 第一個問題，文件引用路徑。我們直接運行打包后的文件夾中的index.html文件，會看到網頁一片空白，f12調試，全是css，js路徑引用錯誤的問題。 解決 ...
打包完后出現空白頁 修改：config 文件下的 index.js，大概在46行左右 原：assetsPublicPath:'' 改：assetsPublicPath:'./' Element-UI 圖標不顯示 修改：build 文件夾下的 utils.js，大概在51行左右 ...
使用 vue-cli 打包完后項目出現空白頁面的原因就是項目中使用到了相對路徑，解決的辦法也是非常簡單，將config/index.js 中的 assetsPublicPath 修改為空 ‘’，默認值為 ‘/’。 ...
