Как использовать vue-router/axios внутри vuex store?

Question

[Евгений]

Я пытаюсь вызвать axios внутри vuex store, но получаю ошибку.

Cannot read property 'post' of undefined

const { token } = await this.axios.post('http://localhost:3000/login', formData);

Однако внутр this есть поле _vm, которое содержит router и axios.

const { token } = await this._vm.axios.post('http://localhost:3000/login', formData);

Я мог бы обращаться к axios через _vm. Но такое решение кажется мне неправильным. Есть ли способ решить проблему не прибегая к импорту axios напрямую?

Подключение axios в main.js

import axios from "axios";
import VueAxios from "vue-axios";

Vue.use(VueAxios, axios);

Comments

[VegasChickiChicki]

А чем импорт axios'а напрямую не устроил?

[Евгений]

VegasChickiChicki, неудобно конфигурировать. Axios используется в нескольких файлах и намного удобнее было бы проводить операции(например< установку токена авторизации) с глобальным объектом.

Answer 1

[Just Me]

Есть ли способ решить проблему не прибегая к импорту axios напрямую?

Есть. Сделать axios, свойством глобального объекта window. Как собственно, обычно и делают.

import axios from 'axios'

window.axios = axios;

затем просто

const { token } = await axios.post('http://localhost:3000/login', formData);