webpack output.publicpath 不生效

業(yè)務(wù)背景

• 使用mpvue開(kāi)發(fā)小程序
• 測(cè)試環(huán)境和正式環(huán)境的域名是不一樣的,所以服務(wù)器返回的圖片全部是相對(duì)路徑
• 現(xiàn)在的處理方式是
• 配置一個(gè)全局的域名前綴
• 在每次請(qǐng)求接口獲取到數(shù)據(jù)后,給圖片加上這個(gè)全局前綴
• 更換正式環(huán)境后,只需要替換全局域名前綴就行了

示例代碼

conifg.js

export default {
  url: 'http://test.com'
}

頁(yè)面.js

request()
  .then(res => {
    res.img = config.url + res.img;
  })

困擾

每次請(qǐng)求的時(shí)候都要處理前綴
感覺(jué)特別的麻煩

探索

了解到webpack的output中的publicpath可以批量給靜態(tài)資源添加前綴,但是試了下沒(méi)反映

webpack.config.js

output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: 'http://test.com/api'
  },

頁(yè)面.wxml

<img src="uploads/2010-06-19/3.png">

渲染結(jié)果

<image class="_img data-v-04ee3f7a" src="uploads/2010-06-19/3.png"></image>

好像打包的時(shí)候并沒(méi)有進(jìn)行處理啊.

問(wèn)題

• 為什么webpack打包時(shí),沒(méi)有把publicpath添加到圖片路徑前面呢?
• 有沒(méi)有什么辦法可以自動(dòng)添加前綴的呢?