如何将所有API调用放在一个JS文件中，以及如何在组件中使用它来使用来自API的内容

我是vuejs新手，我使用不同的组件，在我调用API的每个组件中，每个组件中使用的API都是相似的，但只是id发生了变化，即如果API是/contents/info/[id]，我就使用了相应组件的id

但为了使其有效，我有几个问题：

1.如何将/contents/info/[id]API放入JS文件中，其中[id]应该是参数。如果我想在任何组件中进行API调用，我只想使用id

2.在JS文件中进行API调用后，我想知道如何通过各自的id在任何组件中使用它

---

请帮帮我，因为我有很多api，只是id不同。我想通过创建一个JS文件并转储所有带参数的api，然后将其导入到相应的组件中，并根据其各自的id使用这些api来提高效率。

您可以创建一个api_服务并插入插件（或其他文件夹，如utils或services，如果需要）文件夹，并将其注入到所有人，然后将其配置到nuxt.config.js中。如下所示：

插件文件夹中的index.js：

var _this
export default function ({ app }, inject) {
_this = app
inject('ApiService', ApiService)
}

const ApiService = {
post (resource, params) {
 return _this.$axios.$post(`${resource}`, params)
 }
}

---

您可以在所有项目中访问它。

您可以创建一个api_服务，并将其放入plugins（或其他文件夹，如UTIL或services，如果需要）文件夹，然后将其注入到您的所有项目中，并将其配置到您的nuxt.config.js中。如下所示：

插件文件夹中的index.js：

var _this
export default function ({ app }, inject) {
_this = app
inject('ApiService', ApiService)
}

const ApiService = {
post (resource, params) {
 return _this.$axios.$post(`${resource}`, params)
 }
}

---

您可以在所有项目中访问它。

服务是您需要的服务是您需要的服务