Nuxt JS внедрить axios в класс / HTML, JavaScript, VBScript, CSS

ReSQL.ru

2.0.59

Полная версия Контакт Правила FAQ Помощь

Гость

Войти | Профиль | Очистить

Нов. | Гор. | Избр.

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Действия ...

Доб. в избранное
Игнор. тему
Прикреп. тему
Пометить прочит. / непрочит.
Фильтр:
Сообщения автора темы
Сообщение содержит вложения
Сообщение содержит картинки
Сообщение содержит видеоклипы
Сообщение содержит аудиоклипы
Сообщение содержит картинки или видео 18+

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Nuxt JS внедрить axios в класс / 1 сообщений из 1, страница 1 из 1

20.04.2020, 15:18

#39948979

vb_sub

Участник

Сообщения: 1 039
Рейтинг: 0 / 0

Nuxt JS внедрить axios в класс

Всем привет пишу приложение на Nuxt JS и хочу разнести логику запросов через axios по сервисам.
То есть создать service.js-файл типа

Код: javascript

1.
2.
3.
4.

export default {
  async GetDataAsync(data) { 
  }
};

Во vue-компоненте сделать его импорт и вызов

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

<script>
import dataService from "../dataServices/service";
export default {
  methods: {
    async GetData() {
      const response = await dataService.GetDataAsync();
    }
  }
};
</script>

Проблема в том, что в классе service не могу обратиться к экземпляру axios через внедрение зависимостей или импорт.
В простом Vue-приложении я использовал импорт

Код: javascript

import axios from 'axios'

в одном месте настраивал его и использовал во всем приложении, но так как это Nuxt, то такой подход не работает.
Сейчас пользуюсь костылем типа

Код: javascript

await $nuxt.$axios.$get

от которого очень хотелось бы уйти. Как можно в сервисы внедрить axios, который берет настройки из nuxt.config.js?
Спасибо

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&tablet=1&tid=1443479]:	0ms
get settings:	9ms
get forum list:	10ms
check forum access:	3ms
check topic access:	3ms
track hit:	59ms
get topic data:	12ms
get forum data:	2ms
get page messages:	35ms
get tp. blocked users:	2ms
others:	257ms

total:	392ms