Vue - Vue CLI - API変数

Question

Vueインスタンス内の現在のドメイン位置に基づいてapi urlを設定する最適な方法は何ですか？角度で私はAngular Environmentに似た何かを使用していただろうが、私はVueやAxiosと同様の何かを渡って来ていない。

この場合、私の設定は複数の環境（local、dev、stage、prod）に依存しています。すべてのドメインの関係に基づいています。

ローカルホスト= '/ APIコール'

dev.domain.com = 'devapi.domain.com'

prod.domain.com = 'prodapi.domain.com'

どんな助けも信じられないでしょう！

Answer 1

多くの場合、設定ファイルのバックエンドに格納してからAxiosで変数を設定しますが、ブラウザのURLをフロントエンドでテストし、それに応じてAxiosを設定することもできます。 axiosインスタンスを作成するときは、baseURLプロパティをメインサイトのURLに設定します。

var instance = axios.create({ 
     baseURL: 'https://' + window.location.host + '/api/', 
     timeout: 1000, 
     headers: {'X-Custom-Header': 'foobar'} 
});