Nuxt•4y ago

Best practice to store API end points

In nuxt2 I used Axios and store my end points under

services/api.js

services/api.js

example :
api.js:

export default ($apiClient) => ({
  fetchBlog() {
    return $apiClient.$get("/blog");
  },

  latestPosts(test) {
    return $apiClient.$get("test");
  },

export default ($apiClient) => ({
  fetchBlog() {
    return $apiClient.$get("/blog");
  },

  latestPosts(test) {
    return $apiClient.$get("test");
  },

and I use it inside pages like this:
index.js:

const blog= await this.$api.fetchBlog()

const blog= await this.$api.fetchBlog()

What's the best way to store and use API endpoints in nuxt3?
thank you.

harlan•12/13/22, 2:52 PM

composables

harlan•12/13/22, 2:52 PM

wrap the useFetch function

harlan•12/13/22, 2:52 PM

or useAsyncData if you need more control

Mr XQOP•12/13/22, 6:18 PM

Thank you!