使用 nuxt.js 部署动态路由

Question

我正在使用 Nuxt.js 并希望将我的页面部署到 Netlify。 除了我创建的动态页面外，一切正常。

这是我的 nuxt.config.js

import axios from 'axios'
let dynamicRoutes = () => {
 return axios.get('http://xxx.xxx.xxx.xx/casinos').then(res => {
   return res.data.map(casino => `/casino/${casino.slug}`)
 })
}

export default {
  /*
  ** Nuxt rendering mode
  ** See https://nuxtjs.org/api/configuration-mode
  */
  mode: 'universal',
  /*
  ** Nuxt target
  ** See https://nuxtjs.org/api/configuration-target
  */
  target: 'static',
  /*
  ** Headers of the page
  ** See https://nuxtjs.org/api/configuration-head
  */
  generate: {
    routes: dynamicRoutes
  },

提前致谢！

Answer 1

像这样修复它：

generate: {
    routes() {
      return axios.get('http://xxx.xxx.xxx.xx/casinos').then(res => {
        return res.data.map(casino => {
          return {
            route: '/casinos/' + casino.Slug,
            payload: casino
          }
        })
      })
    }
  },