VUE微博回调空页面

1.VUE微博回调空页面

1. 注：微博回调空页面为： http://127.0.0.1:8888/oauth/callback/

1.1页面路径 components\oauth.vue

<template>
	<div>
		<p>跳转中....</p>
	</div>
</template>
<script>
import { oauth_callback_post } from './axios_api/api'
export default {
	mounted() {
		this.getCode()
	},
	methods: {
		// 获取微博传过来的code，发送给django后端进行验证
		getCode() {
			// 获取url中的code 信息
			// 当前url 是 http://192.168.56.100:8888/oauth/callback/?code=fe6cbe07708aecf4a2b3d942ed692c4c
			let code = this.$route.query.code
			console.log(this.$route.query)
			// 给后端发送code
			let params = { code: code }
			oauth_callback_post(params).then((resp) => {
				console.log(resp)
				// code: 0
				// msg: "授权成功"
				// data: {type: "1", uid: "7410919278"}
				if (resp.data.type == '0') {
					// code: 0
					// msg: "登录成功"
					// data: {
					// authenticated: "true"
					// email: ""
					// id: 1
					// name: "admin"
					// role: null
					// token:
"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoxLCJ1c2VybmFtZSI6ImFkbWluIiw
iZXhwIjoxNTk3OTAwNTcyLCJlbWFpbCI6IiIsIm9yaWdfaWF0IjoxNTk3ODE0MTcyfQ.aQT7GSR_xQBPM
lB4_k8-zTHnx0ow3OC2KHa3C8MgilY"
					// type: "0"
					// username: "admin"}
					let res = resp.data
					localStorage.setItem('username', res.username)
					// localStorage.setItem('img', res.img)
					localStorage.setItem('token', res.token)
					localStorage.setItem('uid', res.id)
					this.login_username = res.username
					this.opened = false
					// alert(res.message)
					this.$router.push('/')
				}
				if (resp.data.type == '1') {
					this.visiable = true
					this.uid = resp.data.uid
				}
			})
		},
	}
}
</script>