【Nuxt.js】@nuxtjs/dotenvと@nuxtjs/axiosでBaseURLの設定が必要ない話

Facebook にシェア
Pocket
LINEで送る
このエントリーを Google ブックマーク に追加

ソース探ってたら、axiosのBaseURLの設定について色々間違った情報が出回っているようで。

not BaseUrl, but BaseURL

BaseURLを次のように説明しているサイトが散見された。

/* nuxt.config.js */
// dotenvを使っている場合
require('dotenv').config();
export default {
    // ...
    axios: {
        baseUrl: process.env.baseUrl
    }
}

Javascriptはキャメルケースで書くから間違えやすいんだけど、とはいえ間違った情報が多かった

そもそもbaseURLが必要ない

ソースを読んだところ、環境変数で指定すればいいことに気づいた。

nuxt-community/axios-module

API_PORTやPORT、API_HOSTやHOSTを設定しておけばbaseURLの設定すらいらなかった。

// .env

API_POST="443"
API_HOST="ドメイン"

Related posts

コメントを残す