blog-client/pages/auth.vue

<template lang="pug">
.auth(v-html="notice")
</template>

<script>
export default {
  layout: 'auth',
  data () {
    return {
      notice: 'Loading...'
    }
  },
  async mounted () {
    const code = this.$route.query.code

    if (!code) { this.notice = '<p style="color: #999">非法访问，缺少授权参数"code"。<p><br><br> <a href="https://www.wyr.me" target="_blank">返回首页<a>'; this.$finishLoad(); return }

    const { data } = await this.$axios.post('/visitor/user/auth', {
      type: 'github',
      code
    })

    if (data.status !== 1) {
      this.notice = '<p style="color: #999">授权失败，请关闭页面从登陆入口再试一次。<p><br><br> <a href="https://www.wyr.me" target="_blank">返回首页<a>'
      this.$finishLoad()
      return
    }

    window.opener.authSuccess(data)
    window.close()

    this.$finishLoad()
  },
  methods: {

  }
}
</script>

<style lang="stylus" scoped>
.auth
  width 100%
  height 100%
  padding 50px
</style>