对 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文件中设置您的 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