Edited at

nuxtでdotenvを使ってハマる

firebase nuxt heroku rails で作成中


https://qiita.com/kai_kou/items/4eb83f92296a7311fe39


template内で{{process.env.HOGE}} としてもエラーになるのでご注意ください。


templateをlayoutsのことだと勘違いしていた。

そのため、


<template>
{{process.env.HOGE}}
</template>

と書いてた。正解としては、上のQiitaのように<script></script>内に定義して、それを使う。

template内というのが、<template>内と書いてあるとわかりやすいのだろうかと思った。


nuxtにはlayoutsディレクトリがあり、そこにあるファイルがテンプレートとして使える。

https://nuxtjs.org/examples/layouts/