Javascript/nuxtjs/env
提供: 初心者エンジニアの簡易メモ
.envで環境変数を設定する方法
インストール
$ npm install @nuxtjs/dotenv
インストール確認
package.jsonにdotenvがあることを確認
"dependencies": { "@nuxtjs/dotenv": "^1.4.1", }
サンプル
.env
API_KEY=hogekey
nuxt.config.js
以下2行を追加
+ 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}"` } }, }