Javascript/nuxtjs/env
提供: 初心者エンジニアの簡易メモ
.envで環境変数を設定する方法
インストール
$ npm install @nuxtjs/dotenv
インストール確認
package.jsonにdotenvがあることを確認
"dependencies": {
"@nuxtjs/dotenv": "^1.4.1",
}
サンプル
.env
API_KEY=hogekey
nuxt.config.js
以下２行を追加
+ require('dotenv').config();
+ const {API_KEY} = process.env;
export default {
略
build: {
},
env: {
API_KEY
}
pages/index.vue
<template>
{{apikey}}
</template>
<script>
export default {
name: 'app',
data() {
return {
apikey: process.env.API_KEY
}
},
}
