Vue获取微博授权URL代码实例
更新时间:2020年11月04日 11:58:57 作者:周晓楠
这篇文章主要介绍了Vue获取微博授权URL代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
1.在Vue页面加载时动态发送请求获取微博授 权url
1.1 在 components\common\lab_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
<form action="/login" method="post" > <div class="form-group widget-signin"> <a :href="weibo_url" rel="external nofollow" ><i class="fa fa-weibo"></i></a> </div> </form>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
Vue简单封装axios之解决post请求后端接收不到参数问题
这篇文章主要介绍了Vue简单封装axios之解决post请求后端接收不到参数问题,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-02vue.config.js中devServer.proxy配置说明及配置正确不生效问题解决
Vue项目devServer.proxy代理配置详解的是一个非常常见的需求,下面这篇文章主要给大家介绍了关于vue.config.js中devServer.proxy配置说明及配置正确不生效问题解决的相关资料,需要的朋友可以参考下2023-02-02
最新评论