回首憶惘然
2022-05-26 14:00:40
我制作了一個從 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 }};
2 回答

Cats萌萌
TA貢獻1805條經驗 獲得超9個贊
最好的方法是使用 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

眼眸繁星
TA貢獻1873條經驗 獲得超9個贊
如果您使用 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
添加回答
舉報
0/150
提交
取消