vue项目获取URL参数

业务场景描述

做微信公众号的时候我们经常会遇到一个问题，就是我们需要进行简单的身份认证，也就是我们需要拿到公众号登录成功以后的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的是一样的，只是引用的方式不用罢了。