【Vue/Nuxt】Vercelへのリリースで環境変数を読み込ませた


VercelのEnvironment UIでの環境変数の設定は割愛します。

Vercelの操作はビビるくらい簡単なので、説明するより触った方が良いです。

また、VercelにリリースしたNuxt.jsのプロジェクトで環境変数を読み込ませるには、nuxt.config.jsにenvを設定すれば良かっただけの話でした。

nuxt.config.js
require('dotenv').config()
export default {
  modules: [
    "@nuxtjs/dotenv",
  ],
  dotenv: { path: process.cwd() },
  env: {
    API_KEY: process.env.API_KEY,
    API_URL: process.env.API_URL,
  },
}