使用vue-cli構建vue項目后，再打包遇到一個css引入的背景圖片路徑的問題，就是css代碼中背景圖片是根據相對路徑來寫的，如下圖： 　　 當使用npm run dev命令本地訪問的時候，背景圖片是正常顯示的，可使用npm run build命令打包后，訪問dist目錄下的項目，頁面背景圖 ...

　　使用 vue-cli 打包完后項目出現空白頁面的原因就是項目中使用到了相對路徑，解決的辦法也是非常簡單，將config/index.js 中的 assetsPublicPath 修改為空 ‘’，默認值為 ‘/’。 ...

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路徑引用錯誤的問題。 解決 ...

一、問題描述 執行 npm run build 命令后，打包生成dist文件夾，訪問的時候報如下錯誤： 二、解決辦法 在根目錄下，新建 vue.config.js文件，內容如下， 再次打包，順利訪問： ...

1.在打包之前需要修改一個地方，那就是config->index.js文件，修改assetsPublicPath: '/'為assetsPublicPath: './',截圖如下 上面文件改好后，開始打包，執行如下命令： npm run build 生成 dist ...

vue-cli是什么？ vue-cli 是vue.js的腳手架，用於自動生成vue.js模板工程的。 vue-cli怎么使用？ 安裝vue-cli之前，需要先裝好vue 和 webpack 注意：上面這些裝過一次之后都不需要再安裝了比如說我的項目要生成在D：/project下面那么先進 ...