链接生成二维码问题

本人是前端开发者,最近遇到一个需求,要求:点击发送短信后,短信内容带有链接,访问链接时即可加载出二维码.
1.方法1:
前端生成二维码(借用qrcode库),将访问路由(地址返给后台,即发送短信地址)
这样存在问题: 链接只能访问到静态页面,而二维码是动态展示的,所以点击短信链接时不交互不可能完成.
2.方法2:
后台生成二维码.将短信可访问链接地址写入前端img图片的src中,然后拼接路径后缀(后台生成二维码的32位)
短信链接地址写为外网访问前端所显示二维码路由的地址即可解决.
3.代码:
在Vue中生成二维码

let canvasID= this.$refs.canvas
QRCode.toCanvas(canvasID,12345678(生成二维码值),function(error){
if(error)console.log(error)
})
//将canvas转换为base64
let imgUrl = canvasID.toDataURL('image/png')

4.拼接地址

this.imageUrl = `http://198.165.22.02/xxx/${window.location.href.substr(window.location.href.length-32,32)}.png`

欢迎指点!