文章详情页
Vue获取微博授权URL代码实例
1.在Vue页面加载时动态发送请求获取微博授 权url
1.1 在 componentscommonlab_header.vue 中写oauth动态获取微 博授权URL
// 获取微博登录地址oauth() {// 从后端获取 微博登录地址oauth_post().then((resp) => {console.log(resp)//{’code’: ’0’, ’msg’: ’成功’, ’data’: {’url’: url}}let url = resp.data.url;this.weibo_url = url;})},
1.2 在vue的mounted函数中调用获取微博授权url函数
mounted() {this.oauth()},
1.3 点击'登录'弹出的form表单中加入url
<formaction='/login'method='post'><div class='form-group widget-signin'><a :href='https://www.haobala.com/bcjs/weibo_url' rel='external nofollow' ><i class='fa fa-weibo'></i></a></div></form>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持好吧啦网。
标签:
微博
上一条:前端vue如何使用高德地图下一条:基于vue实现微博三方登录流程解析
相关文章:
排行榜