时间戳

首页 > 解决方案 > 如何连接两个axios get调用的返回，Nuxt.js站点地图

javascript - 如何连接两个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 :)

标签： javascriptfunctionconcatenationnuxt.jssitemap

解决方案

使用展开语法，您可以做到这一点

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在此处动态重命名以避免重新定义相同的变量并保持清洁。

推荐阅读