My Tech Log

NuxtJSでdotenvを利用してaxiosのホスト設定をする

概要

dotenvを利用してaxiosの設定を行った。
こちらはうまくいっていない。

dotenvのインストール

環境変数で指定

環境変数で指定するだけで良いらしい。

.envファイル

API_POST="3000"
API_HOST="example.com"

しかし、うまく行かなかった。
どうしたらうまく設定できるのだろうか。

確かにコードの中に環境変数が埋め込まれているのだが。

ドキュメントにもなにか書いてある。

import axios from 'axios'

export default axios.create({
  baseURL: process.env.API_URL
})

結局このようにplugin/axios.jsを書いて対応した。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です