0どーも、ぐるたか@guru_takaです。Run上で環境変数を設定し、Nuxt製アプリをデプロイする方法を紹介します。詰まったので、備忘録も兼ねています。Runへのデプロイ方法は割愛します。Runに環境変数を以下のように設定します。「新しいバージョンをデプロイ」をクリック!その後、環境変数を適宜、設定すれば完了です。Runに環境変数を登録するだけではNuxt製アプリに反映されない1番詰まったポイントです。Netlifyやherokuのように、サーバー側に環境変数を入力すれば普通に動くだろう...という気持ちでした。いざやってみると、「え、環境変数が全く反映されない...(滝汗)」と、焦るばかり。結論からいうと、dockerのイメージをビルド→ランする時点で、Nuxtファイル内のprocess.env.~~~~が置き換わる仕様だからです。"start"])実行時(ランタイム)に、環境変数を渡したくても、すでにprocess.env.~~~~が置き換わっているので、何も反応しないのです。代替案と問題点まず、超簡単な代替案が2つ浮かびました。~~~と直書きし、環境変数を設定する上記2つのやり方によって、環境変数は設定できます。問題として.envをアップロードすると、外部に漏洩する恐れありDockerfileに環境変数を直書きすると、イメージ1つで環境を切り替えできないチーム開発する際、環境変数の管理が大変が挙げられるので、オススメできません。公式リポジトリは以下のリンクからチェックできます!最初の紹介文に記載されているいる通り、Nuxtがランタイムする時に環境変数を切り替えてくれます。runtimeまずは、以下のようにインストールします。nuxt-envそして、以下のようにnuxt.config.jsを設定します。],~~~~~~~~~~~~~modules内に'@nuxtjs/dotenv'はいらないのですが、require('dotenv').config()は必須なのでご注意下さい!あとは、公式に記載されている使い方をすればOKです。以下のサンプルは、公式readmeの引用になります。クライアント側では、this.$env.KEYを使いましょう。Qrunch(クランチ)ただし、あくまでクライアント側のみです。【初心者向け】Dockerの基本的な用語とよく使うコマンドまと...ぐるたか0→1を作る人に憧れ、2018.10からプログラミングを学び、今はとある会社で、webサービスを開発中!プライベートでは、ARアプリやwebサービス、拡張機能など色々と個人開発してます。