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