No seu projeto, você tem que ter a possibilidade de "trocar" o seu endereço do baseURL
isso é feito utilizando um conceito chamado "Variáveis de ambiente" em ingles Environment
Vou te dar um exemplo: Em um projeto meu aqui, eu tenho um arquivo ".env" na raiz do projeto com o seguinte conteúdo:
VITE_HTTP_SERVER = http://localhost:3000/
O meu axios é assim:
const HttpService = axios.create({
baseURL: import.meta.env.VITE_HTTP_SERVER,
timeout: 10000,
headers: { 'Content-Type': 'application/json' }
})
Aquele import.meta ali é apenas uma característica do meu builder, o vite. Eu não sei o que você está usando aí! Eu alguns casos vc pode usar "process.env.HTTP_SERVER" por exemplo....
No modo de desenvolvimento, ele vai ler o .env e usar o localhost.
Já no modo de produção, depende de cada servidor que você usar. Geralmente cada servidor tem uma área chamada "Environment", um exemplo meu aqui do render.com:
Se você ainda tiver dúvidas, fala aí! Publicar o projeto no github tb ajuda a te ajudar melhor.