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
          }
        })
      })
    }
  },

使用nuxt.js部署动态路由

1 个答案: