axiosのデフォルトのベースURLを変更する

質問

axiosを以下のように設定しました。

const axiosConfig = {
  baseURL: 'http://127.0.0.1:8000/api',
  timeout: 30000,
};

Vue.prototype.$axios = axios.create(axiosConfig)

コンポーネント内部で、次のように呼び出します。

this.$axios.get('items').then()..

さて、上記は動作しますが、私は baseURL を変更したいのですが、グローバルベース URL に影響を与えずに、私のコンポーネントで API エンドポイントなしで単純に使用できるようにするために、次のようにします。

私は

this.$axios.baseURL = "http://127.0.0.1:8000";
this.$axios.get().. //this is still in api endpoint

どうすればいいのでしょうか？

どのように解決するのですか？

の代わりに

this.$axios.get('items')

使用

this.$axios({ url: 'items', baseURL: 'http://new-url.com' })

を渡さない場合は method: 'XXX' を渡さない場合、デフォルトでは get メソッドで送信します。

リクエストのコンフィグです。 https://github.com/axios/axios#request-config