build a query string

buildQueryString.js

import _ from 'lodash'
export const buildQueryString = (url, params) => {
  let queryStrings = Object.keys(params)
    .map((key) => {
      if (!_.isNil(params[key])) {
        if (Array.isArray(params[key])) {
          if (params[key].length === 0) {
            return
          }
          let arrayParams = params[key].map((item) => {
            return encodeURIComponent(key) + '[]=' + encodeURIComponent(item)
          })
          return arrayParams.join('&')
        } else {
          return encodeURIComponent(key) + '=' + encodeURIComponent(params[key])
        }
      }
    })
    .filter((value) => typeof value !== 'undefined')
  if (queryStrings.length === 0) {
    return url
  }
  url = `${url}?`
  let queryString = queryStrings.join('&')
  return `${url}${queryString}`
}

fetch.js

import axios from 'axios'
import {BASE_URL} from "../config";

export const apiFetch = async (method = "GET", url, data, responseType = 'json', contentType = 'application/json') => {
  url = `${BASE_URL}${url}`
  try {
    return (
      await axios({
        method,
        headers: {
          'Content-Type': contentType,
        },
        url,
        data,
        responseType
      })
    ).data
  } catch (e) {
    console.log('e', e)
    throw e
  }
}