buole-vue-wechat-auth
基于vue-wechat-auth改造的vue开发的微信单页应用授权插件
vue-wechat-auth
基于vue开发的微信单页应用授权插件
依赖
基于vue2.0+, vue-router2.0+
使用步骤
1.npm安装
npm i vue-wechat-auth vue-router axios -S
# axios为选装,可以使用您喜欢的任意ajax库
2.引入vue-wechat-auth
import Vue from 'vue'
import VueRouter from 'vue-router'
import WechatAuth from 'vue-wechat-auth'
import axios from 'axios'
let router = new Router({
routes: [
{
path: '/',
name: 'Hello',
meta: {
auth: true
}
}
]
})
Vue.use(VueRouter)
Vue.use(WechatAuth , {
router,
appid: '',
responseType: 'code',
scope: 'snsapi_userinfo',
getCodeCallback (code, next) {
axios.get('通过code值换取access_token接口地址', {
params: {
code,
state: ''
}
}).then(response => {
let data = response.data
let accessToken = data.data['access_token']
if (accessToken) {
next(accessToken)
} else {
next()
}
}).catch(() => {
next()
})
}
})
new Vue({
el: '#app',
router,
render: h => h(App)
})