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.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>