圖片問題
vue-cli項目默認js、css等路徑都是絕對路徑，在dev下可能沒有問題，但是build之后可能會出現(xiàn)錯誤褂策，解決其實也很簡單。
找到webpack.prod.conf.js文件
找到output增加一行：publicPath: './'
image.png
這樣雖然解決了資源的路徑問題颓屑，但是像css里面的背景圖片的還是不能正確顯示斤寂。接下來
找到build文件夾下面的utils.js文件
image.png
加上圖上的那行代碼，然后再build揪惦，發(fā)現(xiàn)問題解決了遍搞。
兼容問題
雖然現(xiàn)在大部分情況下不用考慮兼容問題，pc和手機瀏覽器版本已經(jīng)足夠兼容vue器腋，但是也有一些特殊情況需要做兼容處理溪猿，前幾天我就碰到，電視機的安卓系統(tǒng)只有4.4纫塌，這樣vue就不兼容了诊县，因為不支持es6的語法。好在辦法還是有的措左。
- npm安裝
npm install babel-polyfill
npm install es6-promise
- main.js中引入
import 'babel-polyfill'
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
Es6Promise.polyfill()
- 在webpack.base.conf.js中配置
module.exports = {
entry: {
"babel-polyfill": "babel-polyfill",
app: './src/main.js'
},
原文地址https://www.cnblogs.com/sophie_wang/p/7850596.html
