很多情况下，后端会返回一个微信二维码的地址：

但是我们并无法直接打开或者是展示该二维码，毕竟浏览器不认识weixin://xxx ，只认识http://xxx

如果想要实现weixin://xxx 转化为http:// 的形式，可以使用第三方库，qrcode。

可以在npm中直接看其详细介绍以及使用方式：qrcode - npm (npmjs.com)

 

基本使用方法：

1. 下载qrcode:

npm i qrcode

2. 引入qrcode

import QRCode from 'qrcode'

 3. 使用qrcode

QRCode.toDataURL(text)      // 这里的text是 "weixin://xxx"

案例：

import QRCode from 'qrcode';async showQRcode() {let text = "weixin://wxpay/bizpayurl?pr=Odz079Gzz";let result = await QRCode.toDataURL(text);console.log(result);  // result结果可以直接当做一个图片地址去使用
}