Как отправить токен в заголовках с помощью Nuxt?

Для того чтобы отправить токен в заголовках с помощью Nuxt.js, вам потребуется использовать модуль @nuxtjs/axios, который позволяет легко настроить и отправлять HTTP-запросы с интерфейсом асинхронного вызова.

Вот шаги, которые нужно выполнить, чтобы отправить токен в заголовках с помощью Nuxt.js:

1. Установите модуль @nuxtjs/axios с помощью npm или yarn, выполнив следующую команду в терминале:

npm install @nuxtjs/axios

2. После установки модуля, добавьте его в файле nuxt.config.js:

module.exports = {
  modules: [
    '@nuxtjs/axios',
  ],

  axios: {
    // Укажите базовый URL для вашего API
    baseURL: 'https://api.example.com',
  },
}

3. Создайте middleware для настройки заголовков запроса. Создайте файл middleware/auth.js и добавьте следующий код:

export default function ({ $axios }) {
  const token = 'Ваш_токен';
  if (token) {
    $axios.setHeader('Authorization', `Bearer ${token}`);
  }
}

4. Зарегистрируйте middleware в nuxt.config.js. Добавьте следующую конфигурацию:

module.exports = {
  // ...
  
  router: {
    middleware: ['auth'],
  },

  // ...
}

Теперь при каждом выполнении запроса с помощью $axios, ваш токен будет автоматически добавляться в заголовки запроса. Вы можете использовать $axios в любом компоненте или странице в вашем приложении Nuxt.js.