Bagaimana untuk mengendalikan token JWT log masuk dalam Vue JS?

Question

Saya mempunyai token dalam storan tempatan saya. Jika saya memadamkan token dalam localstorage maka saya tidak log keluar. Bolehkah anda memberi saya contoh bagaimana untuk melakukan ini?

created() {
  if (this.vueToken) {
  let headers = {
    Authorization: "Bearer " + localStorage.getItem("vueToken"),
  };

  axios
    .get("checkLogin", {
      headers: headers,
    })
    .then((response) => response);
}else{
    this.$router.push('/login')
}
  },

Answer 1

Anda perlu menetapkan syarat dalam laluan keselamatan, contohnya jika token dalam storan tempatan kosong kemudian tolaknya ke storan tempatan. Berikut adalah contoh kod.

mounted() {
this.token = localStorage.getItem("ivToken");    
if(this.token===null){     
  this.$router.push("/signin")
}

},`