webpackを用いたVue+RailsのアプリでAPI_keyを環境変数に設定したい（vue-CLIは用いてない）

Question

前提・実現したいこと

webpackを用いたVue側でAPIを叩くのに使うAPI_keyを環境変数に設定したいのですが、上手くいきません。
下記の条件の時は、対応方法が記載された記事をいくつか見つけて試してみたのですが、
条件が違うのでうまく設定できませんでした。
なにかアドバイスを頂けますと幸いです。

試したこと

VueをCLIを用いて設定している時

.envファイルでVUE_APP_の接頭語をつけて環境変数を定義し、使いたいコンポーネントファイルでprocess.env.◯◯で呼び出す。

Railsで使う環境変数をjavascript側でも使いたい時

gem gonを使い、コントローラに環境変数を定義し、javascriptでgon.◯◯で呼び出す。

Comments

[winterboum]

どうやったらどうなってしまった、というのを書いていただかないと助言は得られないと思います。