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的是一样的，只是引用的方式不用罢了。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019/09/12 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
