Crema React
v-4 nx
v-4 nx
  • About Crema Nx
  • Overview
    • Crema Overview
    • Dependency Graph
    • Folder Structure
      • apps
        • source
        • source-e2e
      • libs
        • components
        • constants
        • context
        • helpers
        • hooks
        • mockapi
        • modules
        • services
    • Package.json
      • MUI+CRA
      • MUI+Next.js
      • MUI+CRA+TS
      • MUI+Next.js+TS
      • Antd+CRA
      • Antd+Next.js
      • Antd+CRA+TS
      • Antd+Next.js+TS
    • GitHub Access
    • Slack Community
    • Figma File
  • Decelopment
    • Installation
    • Route Management
    • Auth User
    • Authentication Methods
    • API Calls
    • Multilingual
  • MUI
    • Theme Color
    • Sidebar Configuration
    • Navigation Style
    • Footer Configuration
    • Template Direction
    • Template Mode
  • FAQ
  • ANTD
    • About Crema Ant
    • Style Framework
  • Crema V-3 Doc
  • Servers
    • Python
    • Laravel
    • Mongoose
  • Credits
Powered by GitBook
On this page

Was this helpful?

  1. Decelopment

API Calls

We are using the Axios to make an API call. Here is the global Axios configuration.

We are using the Axios to make an API call. Here is the global Axios configuration. You can find it on this path libs/services/auth/src/jwt-auth/index.js

import axios from "axios";

const jwtAxios = axios.create({
  baseURL: "https://BACKEND_SERVER_ATH/api/", // YOUR_API_URL HERE
  headers: {
    "Content-Type": "application/json",
  },
});

jwtAxios.interceptors.response.use(
  (res) => res,
  (err) => {
    if (err.response && err.response.data.msg === "Token is not valid") {
      console.log("Need to logout user");
    }
    return Promise.reject(err);
  }
);
export const setAuthToken = (token) => {
  if (token) {
    jwtAxios.defaults.headers.common.Authorization = `Bearer ${token}`; 
    //You can define any header params like Authorization based on the your requirements
    localStorage.setItem("token", token);
  } else {
    delete jwtAxios.defaults.headers.common.Authorization;
    localStorage.removeItem("token");
  }
};

export default jwtAxios;

import axios from '@crema/services/axios';

const MockAdapter = require('axios-mock-adapter');

export default new MockAdapter(axios, { delayResponse: 200 });

Last updated 2 years ago

Was this helpful?

We are using the mock APIs in our app, to get the fake data from the Crema fake DB. We are using to achieve this. Here is the configuration of it. you can find out this file here libs/mockapi/src/apis/MockConfig.js

axios-mock-adapter