사용자 세션을 저장하는 방법 VueJS

Question

로그 아웃 할 때 사용자 세션을 저장하는 방법을 알아 내려고하고 있습니다. 예 : 여러 장바구니, 거래 및 이전 검색까지 포함 할 수 있습니다. 나는 백엔드의 모든 언어에 대해 꽤 새로운데, 나는이 문제에 대한 지침을 찾고있다. 이 문제에 대해 google-foo에서 공유를 시도했지만 달성하려는 내용에 대한 문서를 찾지 못했습니다. 누구든지 나를 도울 수 있습니까?

감사합니다.

Answer 1

세션을 쿠키 또는 서버에 저장해야합니다.

vue-cookie은 브라우저 저장에 사용하기에 좋은 구성 요소입니다.

서버에 저장하는 경우 데이터의 끝점을 만들어 어떤 방식으로 저장해야합니다. 데이터베이스, 캐시 파일, 레디 스 등

Answer 2

시도 사용 vue-session

로그인 영역 예 : 지역에

export default { 
    name: 'login', 
    methods: { 
     login: function() { 
      this.$http.post('http://somehost/user/login', { 
      password: this.password, 
      email: this.email 
      }).then(function (response) { 
      if (response.status === 200 && 'token' in response.body) { 
       this.$session.start() 
       this.$session.set('jwt', response.body.token) 
       Vue.http.headers.common['Authorization'] = 'Bearer ' + response.body.token 
       this.$router.push('/panel/search') 
      } 
      }, function (err) { 
      console.log('err', err) 
      }) 
     } 
    } 
} 

기록 :

export default { 
    name: 'panel', 
    data() { 
    return { } 
    }, 
    beforeCreate: function() { 
    if (!this.$session.exists()) { 
     this.$router.push('/') 
    } 
    }, 
    methods: { 
    logout: function() { 
     this.$session.destroy() 
     this.$router.push('/') 
    } 
    } 
}