在做vue-cli webpack腳手架專案打包完成後，在伺服器上執行發現，有些js中定義的變數找不到，css,背景資源等都找不到，原來發現專案打包後的css和js的引用路徑是絕對路徑，專案部署後會將靜態當成根目錄，就造成了檔案引用路徑的錯誤，解決方法是通過修改配置檔案，將絕對路徑改為相對路徑，從而達到資源的相對引用。
一、『/』指的是專案的根目錄 ，』./』指的是當前目錄
1.publicpath 並不會對生成檔案的路徑造成影響，主要是對你的頁面裡面引入的資源的路徑做對應的補全，常見的就是css檔案裡面引入的
2.assetspublicpath屬性作用是指定編譯發布的根目錄
具體操作如下：
1.開啟webpack.prod.conf.js；
2.在output模組中新增 publicpath: 『./』 ，如下圖所示：
2.修改打包後背景的引用路徑
資源內的是通過css載入的，css**如：background：url（…/ assets / img-bg / buttonbg.png）no-repeat;
但是打包過後的css變成了背景：url（…/…/ static / img / buttonbg.68979b3.png）no-repeat;我們需要修改配置檔案，是的css**打包後，資源引用路徑還是相對路徑;
解決辦法：
1.開啟build資料夾下的utils.js ;
2.在下圖位置新增 publicpath：」 …/…/
二、 router-view中的內容顯示不出來，路由history模式。
這個坑是當你使用了路由之後，在沒有後端配合的情況下就手賤開啟路由history模式的時候，打包出來的檔案也會是一片空白的情況，
很多人踩這個坑的時候花了很多時間，網上的教程基本上都是說的第乙個坑，這個坑很少有人提起。
解決：// mode: 『history』,//將這個模式關閉就好
原文：
webpack vue 專案打包上線
去除console.log命令 生成打包報告 修改打包入口 如果要修改webpack 的相關命令，那麼我們需要新建乙個檔案 vue.config.js 然後首先匯出配置物件，在匯出的配置物件裡面寫東西哦 然後在configurewebpack 或者 chainwebpack 來修改webpack配置...
vue專案的打包上線
開啟專案目錄，執行 npm run build 專案執行後，會生成乙個dist目錄，這個目錄就是上線的內容，將這個檔案給後台，放到伺服器上即可 1.後台的根目錄下直接放即可 2.如果放在後台的乙個資料夾下，例如放在後台的project檔案下，配置如下 config index.js檔案裡面找到bui...
基於Vue專案打包上線配置
開發階段 注釋掉 讓 後面的log 可以使用 發布階段 釋放注釋 log重寫 後面的log 都不會 列印npm i live server g為什麼要進行懶載入 效能優化 首屏載入速度 router index.js import home from pages home.vue home就是首屏 ...