https://open.weixin.qq.com/connect/oauth2/authorize?appid=${this.appid}&redirect_uri=${this.redirect_uri}&response_type=code&scope=${

this.scope}&state=${this.state}#wechat_redirect

import router from './router'
import store from './store'
import getPageTitle from '@/utils/get-page-title'
import wechatAuth from './plugins/wechatAuth' // 微信登錄插件
const qs = require('qs')

router.beforeEach((to, from, next) => {
 const loginStatus = Number(store.getters.loginStatus)
 console.log('loginStatus=' + loginStatus)
 console.log('token=' + store.getters.token)
 // 頁面標(biāo)題
 document.title = getPageTitle(to.meta.title)
 if (loginStatus === 0) {
 // 微信未授權(quán)登錄跳轉(zhuǎn)到授權(quán)登錄頁面
 const url = window.location.href
 // 解決重復(fù)登錄url添加重復(fù)的code與state問題
 const parseUrl = qs.parse(url.split('?')[1])
 let loginUrl
 if (parseUrl.code && parseUrl.state) {
 delete parseUrl.code
 delete parseUrl.state
 loginUrl = `${url.split('?')[0]}?${qs.stringify(parseUrl)}`
 } else {
 loginUrl = url
 }
 // 設(shè)置微信授權(quán)回調(diào)地址
 wechatAuth.redirect_uri = loginUrl
 // 無論拒絕還是授權(quán)都設(shè)置成1
 store.dispatch('user/setLoginStatus', 1)
 // 跳轉(zhuǎn)到微信授權(quán)頁面
 window.location.href = wechatAuth.authUrl
 } else if (loginStatus === 1) {
 // 用戶已授權(quán)，獲取code
 try {
 // 通過回調(diào)鏈接設(shè)置code status
 wechatAuth.returnFromWechat(to.fullPath)
 } catch (err) {
 // 失敗，設(shè)置狀態(tài)未登錄，刷新頁面
 store.dispatch('user/setLoginStatus', 0)
 location.reload()
 }
 // 同意授權(quán) to.fullPath 攜帶code參數(shù)，拒絕授權(quán)沒有code參數(shù)
 const code = wechatAuth.code
 if (code) {
 // 拿到code 訪問服務(wù)端的登錄接口
 store
 .dispatch('user/loginWechatAuth', code)
 .then(res => {
  // 成功設(shè)置已登錄狀態(tài)
  store.dispatch('user/setLoginStatus', 2)
  next()
 })
 .catch(() => {
  // 失敗，設(shè)置狀態(tài)未登錄，刷新頁面
  store.dispatch('user/setLoginStatus', 0)
  location.reload()
 })
 } else {
 store.dispatch('user/setLoginStatus', 0)
 location.reload()
 }
 } else {
 // 已登錄直接進(jìn)入
 next()
 }
})

 // 登錄超時(shí),重新登錄 
 if (res.status === 401) { 
 store.dispatch('user/fedLogOut').then(() => { 
 location.reload() 
 }) 
} 

import { loginByCode } from '@/api/user'
import {
 saveToken,
 saveLoginStatus,
 saveUserInfo,
 removeToken,
 removeUserInfo,
 removeLoginStatus,
 loadLoginStatus,
 loadToken,
 loadUserInfo
} from '@/utils/cache'
const state = {
 loginStatus: loadLoginStatus(), // 登錄狀態(tài)
 token: loadToken(), // token
 userInfo: loadUserInfo() // 用戶登錄信息
}

const mutations = {
 SET_USERINFO: (state, userInfo) => {
 state.userInfo = userInfo
 },
 SET_LOGIN_STATUS: (state, loginStatus) => {
 state.loginStatus = loginStatus
 },
 SET_TOKEN: (state, token) => {
 state.token = token
 }
}

const actions = {
 // 登錄相關(guān)，通過code獲取token和用戶信息
 loginWechatAuth({ commit }, code) {
 const data = {
 code: code
 }
 return new Promise((resolve, reject) => {
 loginByCode(data)
 .then(res => {
  // 存用戶信息，token
  commit('SET_USERINFO', saveUserInfo(res.data.user))
  commit('SET_TOKEN', saveToken(res.data.token))
  resolve(res)
 })
 .catch(error => {
  reject(error)
 })
 })
 },
 // 設(shè)置狀態(tài)
 setLoginStatus({ commit }, query) {
 if (query === 0 || query === 1) {
 // 上線打開注釋，本地調(diào)試注釋掉，保持信息最新
 removeToken()
 removeUserInfo()
 }
 // 設(shè)置不同的登錄狀態(tài)
 commit('SET_LOGIN_STATUS', saveLoginStatus(query))
 },
 // 登出
 fedLogOut() {
 // 刪除token，用戶信息，登陸狀態(tài)
 removeToken()
 removeUserInfo()
 removeLoginStatus()
 }
}

export default {
 namespaced: true,
 state,
 mutations,
 actions
}

VUE_APP_WECHAT_APPID='12345678'復(fù)制代碼