业务场景描述

做微信公众号的时候我们经常会遇到一个问题,就是我们需要进行简单的身份认证,也就是我们需要拿到公众号登录成功以后的code,其实这个code是为了获取登录者的openid用的,每次获取到的code是不一样的,其实我们做开发的时候我们是在微信的后台配置里面将code配置在url中的,在进行一次微信的转发以后直接就可以在url中拿到code,这个其实在之前的jquery中是写过了怎么获取的,这次只是将这个js用到 vue中,没有别的什么特别的意义,希望以后直接哪来用就可以。

源码

getUrl_utils.js

/**
 * @aim get code from url
 * @author clearlove
 * @data 19-09
 */
export default {
  getUrlKey:function(name){
    return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null;
  }
}

main.js

import getUrl_utils from './components/utils/getUrl_utils'
Vue.prototype.$utils = getUrl_utils;
// 页面加载的时候直接运行就可以拿到url中的code,进而进行下面的业务
let code = this.$utils.getUrlKey('code');

js本身和jquery的是一样的,只是引用的方式不用罢了。

Logo

前往低代码交流专区

更多推荐