javascript - 访问 nuxt 配置文件中的存储

标签 javascript vue.js vuejs2 vuex nuxt.js

我想添加通过 Nuxt 静态生成的动态路由。

由于 asyncData 方法,我定义了一个客户端/服务器端存储。我想在我的 nuxt.config.js 文件中映射这个存储值(一个数组),使其成为 nuxtgenerate 命令的“动态/静态”路由映射 - 但是如何访问该文件中的存储?这可能吗?

最佳答案

您无法从 nuxt.config.js 文件访问商店。
nuxt.config.js 文件只是一个全局配置。

但是,您可以为生成命令设置动态路由。
如果你想让 nuxt.js 生成带有动态参数的路由,你需要设置一个动态路由数组。

来自 official documentation :

nuxt.config.js

module.exports = {
  generate: {
    routes: [
      '/users/1',
      '/users/2',
      '/users/3'
    ]
  }
}

如果您的 route 有动态参数,您有两个选择:

1) 返回 Promise 的函数
2) 带有回调的函数(err, params)

请参阅文档以了解更多详细信息:https://nuxtjs.org/api/configuration-generate/#routes

关于javascript - 访问 nuxt 配置文件中的存储,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44959985/

相关文章:

vue.js - Nuxt 中的动态嵌套路由

javascript - Vue2 从循环组件中的子项调用父方法

javascript - 拦截所有鼠标事件

javascript - 如何删除元素

vue.js - MapBox super 集群错误的集群位置

javascript - 如何按另一个数组中的项目过滤数组

vue.js - 子数据到父数据 Vue JS

javascript - 我怎样才能使用vue js上传图片?

javascript - 是否可以使用类向 React 组件添加内联样式?

javascript - 谁能解释一下这段基于 IIFE(立即调用的函数表达式)概念的代码的输出