首页前端vue2存取token

前端vue2存取token

时间: 2023-09-06 21:10:53 浏览: 114

Vue中登录验证成功后保存token,并每次请求携带并验证token操作

在vue中，可以用**Storage（sessionStorage，localStorage）**来存储token，也可以用vuex来存储（但要考虑页面刷新数据消失问题，可以在vuex用Storage），下面介绍用localStorage来存储：在登录请求成功后，会返回一个token值，用loaclStorage保存 localStorage.setItem(‘token’,res.data.token) 在main.js中设置全局请求头和响应回来的判断 //设置axios请求头加入token Axios.interceptors.request.use(config => { i

在前端Vue2中存取token的一种常见方式是使用Vuex状态管理库。您可以在Vuex的store中创建一个状态，例如token，并且可以在整个应用程序中访问该状态。在示例代码中，可以看到在store.js或index.js文件中定义了一个名为token的状态，并且通过mutations或actions来设置或获取该状态的值。例如，在store.js中，可以使用mutations的setToken方法来设置token的值，而在index.js中，可以使用mutations的SetToken方法来设置token的值。通过在组件中使用Vuex的辅助函数，例如mapState和mapActions，您可以轻松地在组件中存取和使用token状态。 #### 引用[.reference_title] - *1* *3* [在 vue 中存储全局token](https://blog.csdn.net/weixin_42589700/article/details/129574275)[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] - *2* [Vue3 用Vuex.Store 保存token和用户信息](https://blog.csdn.net/admans/article/details/128061593)[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 ]

阅读全文