@Fedooot01

Как в Nuxt.js используя Composition API получить доступ к роуту в импортируемом файле?

Здравствуйте.

Делаю приложение на Nuxt.js используя плагин для Composition API. В процессе реализации запросов к API мне нужна переменная из текущего URL.

Создал папку в корне с именем api, поместил в нее файл с содержимым:
import axios from 'axios'
import { useRoute } from '@nuxtjs/composition-api'

export const getAllItems = () => {
   const route = useRoute()
   const token = route.value.params.id
   return axios.get(`/${token}/allItems`).then((response) => response.data)
}


На нужной странице в setup функции вызываю action во vuex, который делает вызов этого getAllItems. Но в итоге вызова не происходит, а получается ошибка
Uncaught (in promise) Error: This must be called within a setup function.


Если из getAllItems убрать вызов useRoute и token заменить константой, то ошибки нет и код отрабатывает как требуется.
Как решить эту проблему?
  • Вопрос задан
  • 320 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы