Как настроить axios в nuxt.js?

Question

[Lex_pvl]

В плагинах создаю -

import axios from 'axios'

export default axios.create({
  baseURL: process.env.NUXT_ENV_API_URL,
  withCredentials: true
})

Далее в js файле делаю импорт плагина

import axios from '~/plugins/axios'

export const auth = {
  getMe: () =>
    axios.post('auth/me')
}

Ситуация такая - baseURL применяется, а credentials нет. И к слову, как правильно организовать все запросы? Мой способ имеет право на жизнь? Первый проект, сильно не ругайте.

Пробовал подключить через модуль в конфиге, baseURL вообще не применяется.

Comments

[Алекс Глебов]

Подключай оф модулем, иначе словишь утечки памяти при ssr.
https://axios.nuxtjs.org/options/

[Lex_pvl]

Алекс Глебов, Я пробовал подключить его. Может подскажете, как в js файле вызвать модульный axios. Я его импортировал import axios from 'axios', но такое ощущение, что к нему вообще настройки не применяются из nuxt.config

[Алекс Глебов]

Lex_pvl, вот пример подключения и использования в pages https://nuxtjs.org/examples/modules-axios
вот для store:

export const actions = {
	async fetch({state, dispatch, commit}) {
		try {
			if (state.settings != null) {
				return
			}
			const data = await this.$axios.$get('settings')
			commit('setSettings', data)

		} catch (e) {
			console.log(e)
			throw e
		}
	},
}

[Lex_pvl]

Алекс Глебов, Это все понятно, но у меня запросов нет ни в store, ни на страницах. Все вынесено в js файлы и потом используется уже. Проблема в том, что в js файле нет контекста, чтобы использовать this.$axios

[Алекс Глебов]

Lex_pvl, придется прокинуть контекст, вот пример https://medium.com/js-dojo/consuming-apis-in-nuxt-...

[guruloz]

Тоже задавался этим вопросом. И таки да, при импорте axios в .js файл, подключается совсем другой инстанс, не тот, что мы настраиваем с помощью плагина.
В этой статье, в конце есть раздел с внедрение зависимостей axios-клиента в свой классы. Советую почитать, ответит на все вопросы.