如何连接两个 axios get 调用的返回，Nuxt.js 站点地图

问题描述

嘿伙计们，希望你们做得好:) 我有这种情况，我不知道如何解决，所以我试图填充我的动态网站的 nuxt.js 站点地图，所以当我只有一个电话时，一切都很好，我在 sitemap.xml 中得到了我需要的东西，但是当我添加另一个时，我想我需要连接结果，但我不知道如何...

 sitemap: {
    routes: async () => {
      let { data } = await axios.get("http://localhost:1337/articles");
      return data.map(v => `${v.slug}`)
    }
  },I need to add same stuff just with diferent api "http://localhost:1337/faq/slug" 

两个 api 调用的结果之一，我需要填写 sitempa.xml :)

解决方法

使用 spread syntax，您可以做到这一点

sitemap: {
  routes: async () => {
    let { data: articlesData } = await axios.get("http://localhost:1337/articles");
    const articlesArray = articlesData.map(v => `${v.slug}`)
    let { data: slugData } = await axios.get("http://localhost:1337/faq/slug");
    const slugsArray = slugData.map(v => `${v.slug}`)
    return [...articlesArray,...slugsArray]
  }
},

如果您想加入 2 个数组，这应该可以正常工作。否则，请举例说明我们在这里需要的最终结构是什么。

PS：articlesData 和 slugData 在这里被动态重命名，以避免重新定义相同的变量并保持干净。

,

我在我的项目中遇到了这个问题。

为了解决这个问题，我确实对我的 api 提出了一个请求。在 Api 中，我创建了一个方法来处理所有请求。

if let