Fuga de memoria del lado del servidor Nuxt mediante SSR (representación del lado del servidor)

Antecedentes

1. Relevancia del tema
2. Interceptores Axios
3. runInNewContext

1. Relevancia del tema.

1. Interceptores Axios

import baseAxios from 'axios';

const axios = baseAxios.create({
  timeout: 10000,
});


export default axios;

import axios from './index';

export default function(context) {

  if(!context.axios) {
    context.axios = axios;
  }
}

• Después de una larga búsqueda de fugas, descubrí que si deshabilita todos los axios.interceptors, la memoria comienza a limpiarse.
• ¿Cuál es el problema?
• interceptor es un proxy que intercepta todas las respuestas o solicitudes y le permite ejecutar cualquier código con una respuesta (por ejemplo, para manejar errores) o agregar algo antes de enviar una solicitud a nivel mundial para todas las solicitudes y en 1 lugar, conveniente, ¿no es así? Aquí hay un ejemplo de cómo se ve (archivo 'plugins / axios / interceptor.js')

export default function({ axios }) {

  const interceptor = axios.interceptors.response.use( (response) => {
    return response;
  }, function (error) {
    //-   ,  
    return Promise.reject(error);
  });

}

  plugins: [
    { src: '~/plugins/axios/bindContext' },
    { src: '~/plugins/axios/interceptor' },
  ]

Solución al problema

export default function({ axios }) {

  const interceptor = axios.interceptors.response.use( (response) => {
    
    if(process.server) {
      axios.interceptors.response.eject(interceptor);
    }
    
    return response;
  }, function (error) {
    if(process.server) {
      axios.interceptors.response.eject(interceptor);
    }
    
    return Promise.reject(error);
  });

}

runInNewContext

render: {
    bundleRenderer: {
      runInNewContext: false,
    },
  },

Conclusión