获取企业微信授权code

由于企业微信vue hash模式下网页授权返回的路径:http://xxx/?code=otRG0-v6GX6L87pCkJOZW_XwAH2e9xcuclVlL5-eobk&state=#/question,拼接code在#之前需要用正则方法(getUrlKey('code'))拿到对应code

created() {
  // 由于企业微信vue hash模式下网页授权返回的路径:http://xxx/?code=otRG0-v6GX6L87pCkJOZW_XwAH2e9xcuclVlL5-eobk&state=#/question
  const code = this.getUrlKey('code')
  if (code) {
    this.code = code
    this.getFastReplyCntent(code)
  } else {
    this.getCodeApi()
  }
},
getCodeApi() {
    // 获取code
    const urlNow = encodeURIComponent(window.location.href) // 这个地址可以写项目的地址
    const id = this.$route.query.id
    sessionStorage.setItem('dydstate', id)
    sessionStorage.setItem('infoId', this.$route.query.infoId)
    sessionStorage.setItem('userType', this.$route.query.userType)
    const url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + this.appid + '&redirect_uri=' + urlNow + '&response_type=code&scope=snsapi_base&state=' + id + '#wechat_redirect'
    window.location.href = url
},
// 获取路径中的参数(code等)
getUrlKey(name) {
    return (decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || ['', ''])[1].replace(/\+/g, '%20')) || null)
},

// 这是网上找的第二种获取参数的方法
getQueryString(name) {
  const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  const result = window.location.search.substring(1).match(reg);
  if (result != null) {
    return decodeURIComponent(result[2]);
  }
  return null;
}

// 通过原生 JS 去获取 code
getQueryString('code')

上一篇:elasticsearch中的布尔查询


下一篇:react封装鉴权路由组件以及登录时跳转到未登录时游览页面