Le routage dynamique Nuxt js n'est pas valide après la génération

Question

Dans mon projet, j'utilise nuxt js. J'ai un itinéraire qui ressemble à Service/:limace Après avoir construit et généré, tous mes itinéraires fonctionnent parfaitement. J'utilise le code ci-dessous pour générer des itinéraires dynamiques au moment de la construction

  generate: {

    routes(callback) {
      axios
        .get('url')
        .then(res => {
          const routes = res.data.data.map(service => {
            return '/services/' + service.slug
          })
          callback(null, routes)
        })
        .catch(callback)
      axios
        .get('https://url')
        .then(res => {
          const routes = res.data.data.map(offer => {
            return '/campaigns/' + offer.slug
          })
          callback(null, routes)
        })
        .catch(callback)
    }
  }

Mais lorsque je crée un autre nouveau projet à partir du panneau d'administration après avoir construit et généré, le problème survient.

Quand je lance nuxt build il me semble avoir trois itinéraires

1. Service/Cash
2. Service/Bénéfice

Maintenant, après avoir hébergé mon dossier dist sur le serveur, je clique sur www.url/service/cash et cela fonctionne parfaitement.

Maintenant, je crée un nouveau projet de service appelé send-money dans le panneau d'administration Ensuite, lorsque j'ouvre le navigateur en utilisant www.url/service/send-money Cela ne fonctionne pas et obtient 404.

Maintenant, je ne comprends pas comment résoudre cette situation.

Answer 1

Utilisez la commande SSG nuxt 时仅生成项目中的可用页面。这就是 SSG 的工作原理。因此，您需要在服务器中创建一个自定义的 script 以在创建新页面后运行 ‍yarn build && yarngenerate.

Par exemple, disons que vous démarrez un blog. Lorsque vous utilisez ‍‍‍yarngenerate 时，nuxt 会生成在该特定时间从数据库中获取的帖子，并将它们移动到 dist 文件夹中。因此，您需要附加一个自定义脚本 - 您需要以某种方式在后端创建该脚本 - 以在创建新帖子后运行 yarn build && yarngenerate .