因为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形式,(前提图片已经在文件夹里)