webpack 图片是url形式访问，怎么把本地二维码放在前端img标签src里面？

因为webpack是讲图片.png等打包放在不定文件夹下，比如qr

module :{

rules : [

{

test: /\.(png)\??.*$/,

loader: 'url-loader?limit=100&name=/qr/[name].[ext]'

},]

},]

 

图片是url形式访问  比如：http://localhost:8080/dist/qr/banner4.jpg

前端界面这样写：

   <img class="qr-code" src="{{qrUrl}}" alt="支付二维码" >

后端代码这样写：

String qrName = String.format("qr-%s.png",response.getOutTradeNo());
String test = new StringBuilder().append("http://localhost:8080/dist/qr/").append(qrName).toString();
 resultMap.put("qrUrl", test);
log.info("QrUrl:{}",test);

这样，后端直接就是传递图片的url形式，（前提图片已经在文件夹里）