vue页面获取url参数,js从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的是一样的，只是引用的方式不用罢了。