Question

Is there anyway of custom baseURL for their fetch method?

For example in axios:

const instance = axios.create({
  baseURL:  https://some-domain.com/api/ ,
  timeout: 1000,
  headers: { X-Custom-Header :  foobar }
});

Answer 1

As per my understanding you want to consume a native method to fetch data(API).
For that JS has a fetch( url) method. If you just want to fetch data from an end point, then just pass the url and you will get the result (Use await with it)

let data=fetch( https://some-domain.com/api/ );

Its easy way, or you can define the whole body with header.

fetch("https://some-domain.com/api/", {
  method: "POST",
  body: JSON.stringify({
    your: data,
  }),
  headers: {
    "Content-type": "application/json; charset=UTF-8"
  }
});

Above snippet is for POST method. Other methods are similar to this.

Answer 2

I think there is no such thing as baseUrl for fetch Api.

You can instead create a wrapper from a fetchApi, so that you only need to pass the URL once.

const fetchWrapper = (path: string) => {
   return fetch(`${BASE_URL}${path}`)
}

友情链接