javascript - common fetch api fuction in service class

Question

I have created a service class for call all the rest api's so I wrote a following class .
But I want to use fetch instead of axios. I have tried it with fetch function, but is doesn't work.
Please help me to solve it.

api service class:

import * as axios from "axios";
import { getCookie } from "./utils";

export default class Api {
  constructor() {
    this.api_token = null;
    this.client = null;
    this.api_url = process.env.REACT_APP_API_ENDPOINT;
  }

  init = () => {
    this.api_token = getCookie("ACCESS_TOKEN");

    let headers = {
      Accept: "application/json",
    };

    if (this.api_token) {
      headers.Authorization = `Bearer ${this.api_token}`;
    }

    this.client = axios.create({
      baseURL: this.api_url,
      timeout: 31000,
      headers: headers,
    });

    return this.client;
  };

  getUserList = (params) => {
    return this.init().get("/users", { params: params });
  };

  addNewUser = (data) => {
    return this.init().post("/users", data);
  };
}

question from:https://stackoverflow.com/questions/65901501/common-fetch-api-fuction-in-service-class

Answer 1

Waitting for answers