Vue获取授权url

1,在vue页面加载时发送动态请求获取微博授权url

  1,1 在components\common\lab_header.vue 中写oauth动态获取微博授权URL

  

1   // 获取微博登录地址    
2 oauth() {      
3 // 从后端获取 微博登录地址      oauth_post().then((resp) => {        console.log(resp)    //{'code': '0', 'msg': '成功', 'data': {'url': url}}        let url = resp.data.url;        this.weibo_url = url;      })
4     },
View Code
 

  1.2 在vue的mounted函数中调用获取微博授权url函数

  

mounted() { 
       this.oauth() 
     },

  1,3 点击"登录"弹出的form表单中加入url 

  

1 <form  action="/login"  method="post" >  <div class="form-group widget-signin">    <a :href="weibo_url"><i class="fa fa-weibo"></i></a>  </div> </form>

 

posted @ 2020-10-09 16:24  空岛root  阅读(332)  评论(0)    收藏  举报