NextJS 13数据获取

c3frrgcw  于 2023-05-28  发布在  其他
关注(0)|答案(2)|浏览(240)

是否有任何自定义的baseURL为他们的fetch方法?
例如axios

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

8fsztsew1#

我认为fetch Api没有baseUrl这样的东西。
相反,您可以从fetchApi创建一个 Package 器,这样您只需要传递一次URL。

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

xxls0lw82#

根据我的理解,你想使用一个本地方法来获取数据(API)。
为此,JS有一个fetch('url)方法。如果你只是想从一个端点获取数据,那么只需要传递url,你就会得到结果(使用await)

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

这是一种简单的方法,或者你可以用header定义整个body。

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

上面的代码段是POST方法。其他方法与此类似。

相关问题