Why doesn't it remove the prefix from the url Axios + Proxy?

Question

proxy

Nuxt project

in nuxt.config.js

axios: {
    proxy: true,
    debug: true,
    browserBaseURL: '/api',
  },

  proxy: {
    '/api': {
      target: process.env.API_URL,
      changeOrigin: true,
      pathRewrite: {
        '^/api': '',
      },
    },
  },

when I send such request to api

$axios
          .$get(`/v1/autocomplete`, {
            params: {
              address: inputSearch.value,
            },
          })
          .then((response: any) => {
            isAutocomplete.value = true
            autocomplete.value = response.result
          })
          .catch((error: any) => {
            console.log(error)
          })

api is not removed from the address

Request URL: http://127.0.0.1:3000/api/v1/autocomplete?address=asdasd

Answer 1

Why do you need browserBaseURL here? Try without it, it should work.