vue3登录token
时间: 2023-08-30 08:04:43 浏览: 52
根据提供的引用内容,可以看出在Vue3中,登录token的处理可以通过以下步骤进行:
1. 在路由导航守卫中判断是否存在token,如果存在则继续访问下一个路由,如果不存在则返回登录页。这可以通过在`router.beforeEach`中进行判断,如果当前路由是登录或注册页面,则直接通过;否则,判断`localStorage`中是否存在token,存在则通过,不存在则跳转到登录页。\[1\]
2. 在`main.js`中添加拦截器,为每个接口添加token,这样后端就能辨认用户是否登录了。通过使用`axios.interceptors.request.use`方法,在请求头中添加`Authorization`字段,值为`localStorage.token`。\[2\]
综上所述,Vue3中的登录token处理可以通过路由导航守卫和拦截器来实现。
#### 引用[.reference_title]
- *1* *2* [VUE实现token登录](https://blog.csdn.net/qq_35445243/article/details/105128251)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [springboot+vue3.0+token 安全验证](https://blog.csdn.net/xiexiangyan/article/details/119866282)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]