首页 > 解决方案 > axios根据查询生成Nuxt动态路由

问题描述

我在 nuxt.config.js 中生成了动态页面的路由,如下所示:

  generate:{
    routes: function () {
      return axios.get(apiUrl + '/pages')
        .then((res) => {
          return res.data.map(page => {
            return page.slug
          })
      })
    }
  }

这很好用,但是,我的页面有一个"publish"可以是真或假的名称。

我怎样才能过滤它们?谢谢

标签: axiosnuxt.js

解决方案


好的,我想我找到了,这似乎有效!

  generate:{
    routes: function () {
      return axios.get(apiUrl + '/pages')
        .then((res) => {
          return res.data.filter(page => {
            return page.publish === true;
          }).map(page => {
            return page.slug
          })
      })
    }
  }

推荐阅读