1、修改default.vue页面脚本

  1. export default {
  2. data() {
  3. return {
  4. token: '',
  5. loginInfo: {
  6. id: '',
  7. age: '',
  8. avatar: '',
  9. mobile: '',
  10. nickname: '',
  11. sex: ''
  12. }
  13. }
  14. },
  15. created() {
  16. this.token = this.$route.query.token
  17. if (this.token) {
  18. this.wxLogin()
  19. }
  20. this.showInfo()
  21. },
  22. methods: {
  23. showInfo() {
  24. //debugger
  25. var jsonStr = cookie.get("guli_ucenter");
  26. if (jsonStr) {
  27. this.loginInfo = JSON.parse(jsonStr)
  28. }
  29. },
  30. logout() {
  31. //debugger
  32. cookie.set('guli_ucenter', "", {domain: 'localhost'})
  33. cookie.set('guli_token', "", {domain: 'localhost'})
  34. //跳转页面
  35. window.location.href = "/"
  36. },
  37. wxLogin() {
  38. if (this.token == '') return
  39. //把token存在cookie中、也可以放在localStorage中
  40. cookie.set('guli_token', this.token, {domain: 'localhost'})
  41. cookie.set('guli_ucenter', '', {domain: 'localhost'})
  42. //登录成功根据token获取用户信息
  43. userApi.getLoginInfo().then(response => {
  44. this.loginInfo = response.data.data.item
  45. //将用户信息记录cookie
  46. cookie.set('guli_ucenter', this.loginInfo, {domain: 'localhost'})
  47. })
  48. }
  49. }
  50. }