Правильный способ динамического изменения URL-адреса ax ios прокси?

Question

У меня есть этот код в моем главном Vue файле:

export default axios.create({
  baseURL: 'http://127.0.0.1',
  proxy: {
    '/api/': 'http://127.0.0.1',
    '/w0w/': 'http://192.168.1.12'
  }
})
Vue.prototype.$axios = axios;

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

Какова оптимальная практика в отношении изменения целевого URL-адреса запросов прокси, идущих к /w0w/ во время выполнения?

то есть - разрешите пользователю изменять эти адреса через пользовательский интерфейс.

Answer 1

Вы можете изменить свой экспорт на метод, который принимает URL-адрес и вызывает его, когда вам нужно обновить его

const createAxios = (proxyURL) => {
 axios.create({
  baseURL: 'http://127.0.0.1',
  proxy: {
    '/api/': 'http://127.0.0.1',
    '/w0w/': proxyURL || 'http://192.168.1.12'
  }
 })
}

export default createAxios

Теперь вам нужно вызвать его немного по-другому

Vue.prototype.$axios = axios(/*or custom proxy url here*/);