vue获取微博授权的URL

目录

• 1. 在Vue页面加载时动态发送请求获取微博授权url
  • • 1.1 在components\commom\lab_header.vue 中写oauth动态获取微博授权URL
    • 1.2 在vue的mounted函数中调用获取微博授权url函数
    • 1.3 点击"登录"弹出的form表单中加入url

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

---

1.1 在components\commom\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'
	methiod='post' 
>
	<div class="form-group widget-signin">
	<a :href="weibo_url"><i class="fa fa-weibo"></a>
	</div>
</form>