Nuxt.js + TypeScript のアプリケーションで環境変数を安全に管理する - Qiita

はじめに イマドキの SPA 開発だとアプリケーションの設定を環境変数で取り扱うことが非常に多くあります。 開発環境・本番環境で変えたい API の baseURL、Google Analytics のトラッキング ID や Firebase の認証情報、ビルド後の成果物を上げる CDN の URL まで、ぶっちゃけ「大体の設定が環境変数で行われている」といっても過言ではない状態です。 ただ、割と環境変数は雑に使われます。いたるところから呼び出されます。いつか崩壊します。 なので、この記事では環境変数の利便性を残しながらも、可能な限り安全に環境変数を取り回す方法をご紹介します。 例によって例の如く、サンプル及び実現方法は Nuxt.js ですが、他の技術でも転用できるはずです。 この記事はちょこちょこ手伝わせてもらっている Omnis inc. での治安維持向上の一環で上がった話のまとめだ

[potato4d]

書いた。TypeScriptとNuxt.jsのinject、それとESLintのカスタムルールを利用して安全に環境変数を取り回す方法。サンプルつき。

[rmanzoku]

似たようなことを考えた結果、env.jsonファイルみたいなのを静的ファイルで配信して環境ごとにNginxで出し分けるみたいなことをしている