23-1 Config API de stockage via axios

Tout comme un fichier de configuration axios existe pour "notre" api (Supabase), il est possible de créer un fichier de configuration pour l'API de stockage de fichiers.

Cela aura le même avantage, soit d'isoler l'URL de base dans une configuration axios afin de ne plus avoir à s'en soucier.

Sous le dossier src/app/core/http, créez un fichier stockage-api.ts et mettez-y la configuration de l'URL de base:

src/app/core/http/stockage-api.ts

import axios from "axios";

export const stockageApi = axios.create({
  baseURL: 'https://fichiers.bentremblay.dev/images',
});

info

On défini l'URL de base pour les requêtes de stockage via le paramètre baseURL

Il sera ensuite possible de faire référence à la constante exportée stockageApi pour faire des requêtes au service de stockage d'images.

De plus, tout comme pour l'API Supabase, vous devrez vous identifier au service de stockage d'images. Pour utiliserez le principe du jeton d'authentification vu précédemment, mais ce dernier sera votre DA.

Ainsi, configurez un intercepteur de requête pour qu'il ajoute automatiquement votre DA comme jeton d'authentification via l'en-tête Authorization.

src/app/core/http/stockage-api.ts

export const stockageApi = axios.create({
  baseURL: 'https://fichiers.bentremblay.dev/images',
});

stockageApi.interceptors.request.use((config: any) => {
  const token = 'VOTRE_DA_ICI';
  config.headers['Authorization'] = `Bearer ${token}`;

  return config;
});

//highlight-end