本文介绍了如何在前端使用cookie来存储和管理用户登录状态。首先，通过npm安装js-cookie库，然后在组件中引入并设置登录接口保存token。接着，创建请求拦截器，确保每个请求都携带token。一旦用户信息获取成功并存储，就可以在其他页面通过cookie.get()获取token，实现用户信息的跨页面访问。注意，存储的数据需转为Json字符串以便正确解析。
使用cookie前， 先使用 npm install js-cookie 安装cookie
在组件中使用先引入cookie
1.调用登录接口存储token
3.创建请求拦截器，如果有token就把token放到请求头中
先引入cookie，创建请求拦截器。
4.根据token获取用户信息,存储到本地token中，跳转页面。
在第三步设置了请求拦截器，本地有token再次发送请求时就会把token封装到请求头。
只有请求头封装了token，才能使后端返回对应的用户数据。
使用cookie存储用户数据不转Json字符串的话，在其他页面使用Json.parse会取不到
5.在其他页面如何获取用户信息
使用cookie.get('token名') 获取对应存储用户数据的token值
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
