Nuxt.JS “预期参数 accessToken” 内容丰富

Question

我制作了一个从 Contentful 中提取数据的页面。数据正确提取，但使用方法中的功能的按钮不起作用。变量的实时更新（例如，使用v-model）也不起作用。

我在控制台中看到了这个错误：

我认为这个错误是问题所在。有谁知道出了什么问题？我不知道如何解决它:(

我的 contentful.js：

const contentful = require('contentful')

const client = contentful.createClient({

  space: process.env.CONTENTFUL_ENV_SPACE_ID,

  accessToken: process.env.CONTENTFUL_ENV_ACCESS_TOKEN

})

module.exports = client

提取数据的代码：

export default {

  layout: "landing_page",

  asyncData() {

    return client

      .getEntries({

        content_type: "landingPage"

      })

      .then(entries => {

        return { contentfulData: entries.items[0].fields };

      });

  },

  computed: {

    styles() {

      return landingPageCss;

    }

  },

  components: {

    priceBox,

    contact,

    home,

    aboutUs,

    footerDiv

  }

};

Answer 1

最好的方法是使用 dotenv 包。.env在文件中设置您的环境键。nuxt.config.js 文件应包含：const env = require('dotenv').config()export default {  mode: 'universal',  ...  env: env.parsed,  ...}看这个视频：https ://codecourse.com/watch/using-env-files-with-nuxt

Answer 2

如果您使用 dotenv，您需要执行以下步骤：npm install --save-dev @nuxtjs/dotenv然后将其安装为模块。请注意，如果您使用的 Nuxt.js 比 v2.9 更早，那么您必须nuxt.config.js将代码放入以下module部分：...   module: [   '@nuxtjs/dotenv' ]...如果没有module部分，则创建一个。如果您使用较新的 v2.9，则将其放入buildModules  ...   buildModules: [   '@nuxtjs/dotenv' ]...保存在文件中的变量.env现在可以通过context.env或process.env