nuxt，axios中使用Vuex【获取Vuex中的值】

冷不防 2021-11-22 11:38 721阅读 0赞

> 登录的时候，需要设置一个token请求头，想在axios里面全局配置一下  
> 找了半天，终于被我找到了。?

1、配置vuex [https://blog.csdn.net/Tomwildboar/article/details/94992577][https_blog.csdn.net_Tomwildboar_article_details_94992577]

2、配置axios [https://blog.csdn.net/Tomwildboar/article/details/95928616][https_blog.csdn.net_Tomwildboar_article_details_95928616]

3、修改以下axios配置一下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]

给出代码块

export default function ({store, redirect, app: { $axios }})  {    
    $axios.setHeader('X-Access-Token', store.state.token)

[https_blog.csdn.net_Tomwildboar_article_details_94992577]: https://blog.csdn.net/Tomwildboar/article/details/94992577
[https_blog.csdn.net_Tomwildboar_article_details_95928616]: https://blog.csdn.net/Tomwildboar/article/details/95928616
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]: /images/20211122/de1ebb3d8a9c470888a703e347b96e2d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，721人围观）

还没有评论，来说两句吧...

相关阅读

相关解决 Vuex 中异步问题：获取最新的 Token 值

解决 Vuex 中异步问题：获取最新的 Token 值在使用 Vuex 管理状态时，有时会遇到异步问题，特别是在获取异步数据并将其保存到 Vuex 中后，立即获取该数据

素颜马尾好姑娘i/ 2024年03月24日 20:19/ 0 赞/ 32 阅读

相关【Vuex+ElementUI】Vuex中取值存值以及异步加载的使用

一、导言 1、引言 > [Vuex][]是一个用于Vue.js应用程序的状态管理模式和库。它建立在Vue.js的响应式系统之上，提供了一种集中管理应用程序状态的方式

水深无声/ 2024年02月23日 08:19/ 0 赞/ 44 阅读

相关【Vuex+ElementUI】Vuex中取值存值以及异步加载的使用

一、导言 1、引言 > Vuex是一个用于Vue.js应用程序的状态管理模式和库。它建立在Vue.js的响应式系统之上，提供了一种集中管理应用程序状态的方式。使用V

蔚落/ 2024年02月23日 02:15/ 0 赞/ 15 阅读

相关 vue项目中使用vuex

说明 > 此处仅做简单的记录，并没有详细的去整理。步骤 1、通过命令在项目根目录安装vuex npm install vuex --save-d

Dear 丶/ 2023年01月13日 05:57/ 0 赞/ 220 阅读

相关 uni-app中使用Vuex

在 uni-app 项目根目录下新建 store 目录，在 store 目录下创建 index.js 定义状态值 const store = new Vuex.Sto

比眉伴天荒/ 2022年12月21日 00:45/ 0 赞/ 110 阅读

相关 Vue3 中使用Vuex

[vue3.x使用vuex\_small streamed bun-CSDN博客\_vue3 vuex][vue3.x_vuex_small streamed bun-CSDN

骑猪看日落/ 2022年09月11日 10:13/ 0 赞/ 240 阅读

相关 Vuex的使用（一）——在项目中引入Vuex

参考文档：https://vuex.vuejs.org/zh/guide/ 如果当前没有项目代码，可以访问[传送门][Link 1]搭建一个，以下Vuex相关功能都是在传送门

港控/mmm°/ 2022年09月09日 06:41/ 0 赞/ 261 阅读

相关 vuex中getters

vuex中的getters类似于计算属性computed，对数据池state中的值进行处理（1）在组件中将值添加到state的personList属性中 <tem

浅浅的花香味﹌/ 2022年02月27日 05:54/ 0 赞/ 261 阅读

相关 vuex中的actions

actions用来处理mutations中的异步操作，触发mutations中的函数 1. 组件中触发actions中的函数：此处用dispatch触发函数 this.$s

╰半夏微凉°/ 2022年02月26日 06:06/ 0 赞/ 296 阅读

相关 nuxt，axios中使用Vuex【获取Vuex中的值】

> 登录的时候，需要设置一个token请求头，想在axios里面全局配置一下 > 找了半天，终于被我找到了。? 1、配置vuex [https://blog.csdn.n

冷不防/ 2021年11月22日 11:38/ 0 赞/ 722 阅读