前端获取本机地址

 获取本地ip地址: https://api.ipify.org/?format=json
 QRCode.toCanvas:生成二维码
     <div class="qrcode">
          <div v-if="hasShowCode">
            <canvas ref="myCanvas" class="qr" />
          </div>
          <van-loading v-else size="24px" vertical>加载中...</van-loading>
     </div>
 
showQrCode() {
      axios({
        methods: "GET",
        url: "https://api.ipify.org/?format=json",
      }).then((res) => {
        let params = {
          orderCode: this.orderCode,
          ip: res.data.ip,
          payType: "10",
          payChannel:
          window.sessionStorage.getItem("channel") == "sales" ? 10 : 20,
        };
        bdAppletOnlinePayOrder(params)
          .then((res) => {
            this.hasShowCode = true;
            this.$nextTick(() => {
              QRCode.toCanvas(this.$refs.myCanvas, res.responseData.codeUrl); // 将地址转化成二维码
              // 如果转化的二维码后面信息 是一个地址的话 就会跳转到该地址 如果不是地址就会显示内容
            });
          })
          .catch((error) => {
            console.log(error);
            this.$toast(error);
          });
      });
    },
posted @ 2022-01-04 16:56  不特别但唯一  阅读(637)  评论(0)    收藏  举报