Nuxt.jsで環境ごとにURLを出しわけしたい

Question

前提・実現したいこと

Nuxt.jsでアプリケーションを開発しています。
localhost
QA
porductionと3つの環境があり、それぞれの環境でURLを出し分ける必要があるのですが、その際にはどのような処理を書いたら良いのでしょうか？

発生している問題・エラーメッセージ

いまあるコードは

$api.get(`/auth`);

という処理がされているのですが、これを
https://hoge.com/api/auth
https://qa.hoge.com/api/auth
http:localhost/api/auth
のような3つのURLに遷移できるような処理にしたいです。

試したこと

if(process.env.NODE_ENV = "production" ) {
  https://hoge.com/api/auth
} else {

}

のように書いたのですが、これだとproductionのみにしか使えないので、qaとかでも使えるコードはありませんでしょうか？

Answer 1

一応は環境変数ごとにif文を追加していけば動きはすると思いますが、そういう内容の確認でしょうか？

if (process.env.NODE_ENV = "production") {
  // https://hoge.com/api/auth
} else if (process.env.NODE_ENV = "QA") {
  // https://qa.hoge.com/api/auth
} else {
  // http:localhost/api/auth
}

ただ、こういう環境別に値が異なる箇所があるたびにif文を書いていくのは大変だと思います。
この手の処理は環境変数等に値を設定してデプロイ先に合わせて値が自動で変わるようにするのが一般的だと思います。
一度「Nuxt 環境変数」とかでググって色々調べてみるのをお勧めします。