一般情況下，通過webpack+vuecli默認(rèn)打包的css蚕脏、js等資源侦锯，路徑都是絕對的。但當(dāng)部署到帶有文件夾的項(xiàng)目中尺碰，這種絕對路徑就會出現(xiàn)問題，因?yàn)榘雅渲玫膕tatic文件夾當(dāng)成了根路徑洛心，那么要解決這種問題题篷，就得引用相對路徑。
打開webpack.prod.conf.js
找到output：增加publicPath: './', 即可番枚，如圖。
背景圖片的引用問題：
上面雖然解決了資源路徑的引用問題深啤，但是資源里面的背景圖片渔欢，不像index.html中加載資源一樣瘟忱，通過./static/js/app.js引用可以正常加載苫幢，圖片資源是通過css加載的垫挨，如background: url("../../assets/images/logo-index.png") no-repeat;被相對打包后變成了url(static/img/logo-index.2f00bf2.png) no-repeat所以我們要保留css引用圖片的正常路徑，即：url(../../static/img/logo-index.2f00bf2.png)no-repeat
那么就需要修改build文件夾下的utils.js代碼
fallback: 'vue-style-loader', 下面 加一句
publicPath: '../../'
