Tengo un retraso integrado en mi módulo axios para probar los react de la interfaz de usuario, etc.
El mock_delay funciona perfectamente en mi máquina local, pero después de compilar e implementar npm build , parece que la promesa no regresa.
Si configuro mock_delay falso, esto funciona tanto en mi máquina local como remota (construida, nginx). Pero si configuro un tiempo de espera, en el servidor integrado veo "console.log('config.mock_delay' etc" pero no "console.log('response', response)".
¿¿Alguna pista??
const Server = axios.create({ baseURL: AUTH_API2_URL, timeout: 5000, mock_delay: false, //800, headers: { 'Authorization': currentJWTHeader(), 'Content-Type': 'application/json', 'accept': 'application/json' } }) Server.interceptors.request.use((config) => { if (config.mock_delay) { console.log('config.mock_delay', config.mock_delay) return new Promise(resolve => setTimeout(() => resolve(config), config.mock_delay)) } return config }) Server.interceptors.response.use( response => { console.log('response', response) return response } }No sé cómo funciona su versión local, pero para la producción tiene motivos para no funcionar.
Primero, el use del interceptor axios requiere una función con una firma como esta: req => req . Significa recibir una solicitud y devolver una solicitud mejorada. referencia aquí:
https://axios-http.com/docs/interceptors
https://masteringjs.io/tutorials/axios/interceptors
Entonces, con su código, es correcto cuando mock_delay es false : config => config
Pero cuando mock_delay no es false , es config => Promise , entonces su código falla debido a una expectativa incorrecta => es por eso que nunca ve la response .
Vamos a torcerlo un poco:
function delay(ms) { // my prev answer has a mistake // that is the `resolve` function is undefined // return new Promise((resolve) => setTimeout(resolve, ms)); // fix here return new Promise(() => setTimeout(() => {}, ms)); } // remember to add async keywork Server.interceptors.request.use(async (config) => { if (config.mock_delay) { console.log('config.mock_delay', config.mock_delay) // with await, this will wait for the time of mock_delay await delay(config.mock_delay) } // finally still return config return config })