06.vue微博回调空页面

1.vue微博回调空页面

注：微博回调空页面为： 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.
　　　　　　eyJ1c2VyX2lkIjoxLCJ1c2VybmFtZSI6ImFkbWluIiwiZXhwIjoxNTk3OTAwNTcyLCJlbWFpbCI6IiIsIm9yaWdfaWF0IjoxNTk3ODE0MTcyfQ.
　　　　　　aQT7GSR_xQBPMlB4_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>