zoukankan      html  css  js  c++  java
  • 微信公众号链接处理问题

    最近微信公众号有做一个功能,包含列表(图片,标题,介绍),列表的每一项点进去是详情(是微信公众号里面的一篇文章链接)

    类似有 https://mp.weixin.qq.com 前缀的,然后调试时,手机端打开无法显示,这是微信的机制,所以需要进行转化,

    可以利用 http://cors-anywhere.herokuapp.com 这个网址做一个跨域请求处理,就是将我需要的微信文章地址,转换成HTML代码返回

    <div class="container">
          <iframe v-if="isOutUrl" class="iframe" :src="activityUrl" frameborder="0" scrolling="auto"></iframe>
          <div v-else  v-html="activityUrl"></div>
    </div>
    import axios from 'axios'
    

      

    export default {
      data() {
        return {
          activityId: this.$route.query.activityId,
          activityUrl: '',
          isOutUrl: false,
          activityInfo: {}
        }
      },
      mounted() {
        this._getActivityUrl()
      },
      methods: {
        _getActivityUrl() {
          getActivityUrl(this.activityId).then(res => {
            this.activityInfo = res.datas;
            let url = res.datas.activityUrl
            let head = url.slice(0, 24);
            // 是微信公众号文章
            if (head == 'https://mp.weixin.qq.com') {
              this.getURL(url);
            } else {// 是其它网址直接使用
              this.isOutUrl = true
              this.activityUrl = url;
            }
          })
        },
        getURL(url) {
          let http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
          let realurl = http + '//cors-anywhere.herokuapp.com/' + url;
          axios.get(realurl).then(res=>{
            this.activityUrl = res.data;
          },rej=>{
            console.log(rej)
          })
        }
    }
    

      

  • 相关阅读:
    【6666】分组背包
    Designing a RESTful API with Python and Flask 201
    把手账打印成书 把回忆装订成册
    sql基本操作语句
    sql serve基础
    sql serve存储过程
    TCP/IP 之 大明王朝邮差 (转)
    HBASE基础(4):语法(2) API (1) DDL
    bochsrc
    CentOS 6 bochs-2.6 gdb 调试 linux 0.11——bochsrc-hdc-gdb.bxrc
  • 原文地址:https://www.cnblogs.com/wangdashi/p/11496283.html
Copyright © 2011-2022 走看看