javascript - Nuxt.JS "Expected parameter 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 中设置您的环境 key 文件。

nuxt.config.js 文件应包含:

const env = require('dotenv').config()

export default {
  mode: 'universal',
  ...
  env: env.parsed,
  ...
}

看这个视频: https://codecourse.com/watch/using-env-files-with-nuxt