iview-admin webpack打包總結的幾個問題

webpack小白,總結幾條遇到的打包問題
1.開發代理服務器與上線接口調用的差異
開發時用devServer作代理vue

clipboard.png

打包時要區分開生產環境跟開發環境即:node

開發配置文件
webpack.dev.config.jswebpack

clipboard.png

生產配置文件
webpack.prod.config.jses6

clipboard.png

這樣配置後接口調用方式變爲web

clipboard.png

clipboard.png

而不是常見的/apis/dust-server/login這種形式,
這樣寫的目的是爲了部署後能請求的接口中不會帶有/apis致使請求地址不正確
部署後的接口地址
clipboard.pngsegmentfault

2.node_modules中es6沒法識別
參考https://segmentfault.com/q/10...
webpack.base.config.jsapi

clipboard.png

3.圖片加載
這個應該是vue的問題,雖然不知道原理是啥,可是圖片只要放在這個文件夾內(iview-admin刪掉了這個,要本身建一個),通常都是能夠加載出來的
clipboard.png服務器

相關文章
相關標籤/搜索