Três métodos de configuração de axios.defaults.baseURL

Sobreviva durante o dia e desenvolva-se durante a noite.
fale para importar biz, mostre seu código perfeito, totalmente ocupado, pule dureza, faça um resultado melhor, aguarde a mudança, desafie Sobreviva.
feliz por hardess para resolver denpendies.

Índice

visão geral

Os três métodos de configuração de axios.defaults.baseURL são um requisito muito comum.

precisar:

ideias de design

Realizar análise de pensamento

1. menos

Pode ser definido diretamente quando apenas um nome de domínio de interface único ou limitado e claro precisa ser configurado e precisa ser alterado manualmente ao alternar entre o ambiente de produção e o ambiente de desenvolvimento

axios.defaults.baseURL=“http://192.168.1.1:5000”;

2.2. Obter dinamicamente o endereço de solicitação

Quando o endereço online não estiver claro ou você não quiser alterar o endereço manualmente, pode configurá-lo para obter automaticamente o nome de domínio atual para fazer uma solicitação

//协议

let protocol = window.Location.protocol;

//主机

let host = window.Location.host;
if(reg.test(host)){
    
    
//若本地项目调试使用
axios.defaults.baseURL = 'http://192.168.1.1:5000';	
复制代码
}else
//动态请求地址            协议               主机	    
axios.defaults.baseURL = protocol + "//" + host + ":5000";	
复制代码
}

3.3. Usando arquivos de configuração

Crie uma pasta de configuração no diretório raiz do projeto e crie 2 arquivos

module.exports = { NODE_ENV: '"production"', // ambiente de produção API_ROOT: '"http://192.168.2.2:6000"' // preencha a URL de sua própria interface

}
dev.env.js:
module.exports = { NODE_ENV: '"development"', // ambiente de desenvolvimento API_ROOT: '"http://192.168.1.1:5000"' // preencha a URL da sua própria interface

}
importar dev de '…/config/dev.env.js'
importar pro de '…/config/pro.env.js'
const NODE_ENV = process.env.NODE_ENV;
deixe alvo = '';
if (NODE_ENV === 'produção') { axios.defaults.baseURL = pro.API_ROOT;

} else { axios.defaults.baseURL = dev.API_ROOT;

}

const service = axios.create({ baseURL: '/sc', // api base_url timeout: 30000 // request timeout })

Referências e Leitura Recomendada

[1]. https://juejin.cn/post/7025884065081360415

Bem-vindo à leitura, ferros velhos, se for útil para você, curta e siga! ~