Vue登录成功后，如何确保每次请求都携带保存的token？

本文共计695个文字，预计阅读时间需要3分钟。

在Vue中，可以使用Storage（sessionStorage、localStorage）来存储token，也可以用vuex来存储（但要注意页面刷新数据丢失问题，可以在vuex中使用Storage）。下面介绍如何使用localStorage来存储：

在登录请求中，获取token后，将其存储到localStorage：

javascript// 假设token是登录请求返回的数据let token=response.data.token;

// 将token存储到localStoragelocalStorage.setItem('token', token);

在需要使用token的组件中，从localStorage获取token：

javascript// 从localStorage获取tokenlet token=localStorage.getItem('token');

注意：为了防止token泄露，确保在设置和获取token时使用HTTPS协议，并在不使用时清除token。