代码之家 › 专栏 › 技术社区 › Vektor88

导入自定义Axios实例时Vuex模块不工作

vuex axios vue.js typescript

Vektor88 · 技术社区 · 7 年前

我已在Vuex模块中声明一个操作:

storeBudgets(store: ActionContext<State, any>) {
    return axiosAuth.get('/budget')
        .then((res) => {
            store.commit('setBudgets', res.data.budgets);
        });
}

其中axiosauth是axios的自定义实例:

import axios from 'axios';
import store from './store/index';

const axiosAuth = axios.create({
    baseURL: 'http://localhost:3000',
});


axiosAuth.interceptors.request.use((config) => {
    config.headers['x-access-token'] = store.getters.getUserToken;
    return config;
});

export default axiosAuth;

我在其他VUEX存储模块中使用这个AXIOS实例,没有任何问题,但是对于这个特定模块中的这个特定动作,我得到以下错误:

TypeError: rawModule is undefined

当我评论到axiosauth的引用时,错误就消失了。

我认为这个问题与我在AXIOS拦截器中引用商店的事实有关,因为还评论了 config.headers 行使应用程序加载时没有任何问题。

我正在从typescript代码库中的javascript项目迁移此逻辑,并且前一个实现没有任何问题。

这是不是和字体转换有关?
我可以使用哪些替代方法来代替拦截器来设置http请求头中的jwt令牌?

1 回复 | 直到 7 年前

Vektor88 7 年前

我认为这里的问题是typescript如何尝试转换依赖项的导入。

我只是猜测,但我在AXIOS文件中引用了一个存储,并引用了一个VUEX存储模块中的AXIOS。这可能创建了某种循环引用循环,最终抛出错误。

为了解决我的问题,在VueX商店创建后,我移动了AXIOS拦截器的设置。 store.ts 文件。

import Vue from 'vue';
import Vuex from 'vuex';

import axiosAuth from "@/axios-auth";

Vue.use(Vuex);

const vuexStore = new Vuex.Store({
    state: {

    },
    modules: {
        // ...
    },
});

axiosAuth.interceptors.request.use((config) => {
    config.headers['x-access-token'] = vuexStore.getters.getUserToken;
    return config;
});

export default vuexStore;

我不确定这是否是最干净的解决方案,但我很高兴,因为它解决了我的主要问题。

推荐文章

Bagas Rizkiyanto · 设置类型错误,尝试捕获类型脚本,但error.message除外

9 月前

Gate Study · React自定义钩子问题

9 月前

Souvik De · 无法使用auth0的access_token获取用户信息

10 月前

masoud khanlo · axios实例的React useState问题

10 月前

Pirathikaran · Axios拦截器为uuid自定义标头

1 年前

molLbach · 向Spring后端发送axios post请求时出现400错误

1 年前

pareshaann · 由于useEffect钩子,在react中无限重渲染

1 年前

Rhys Swansbra · API响应未在页面中呈现:在Proxy.created未定义天气

1 年前

Asrin Utku · Axios头获取,无法调用可能为“null”或“undefined”的对象。ts(2723)

1 年前

pomoworko.com · 如何在Node.js中使用Axios解决PayPal Webhook 401未经授权的错误?

1 年前