Nuxt Server-Side Memory Leak mit SSR (Server Side Rendering)

Hintergrund

1. Relevanz des Themas
2. Axios Abfangjäger
3. runInNewContext

1. Relevanz des Themas

1. Axios Interceptors

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;
  }
}

• Nach einer langen Suche nach Lecks stellte ich fest, dass der Speicher bereinigt wird, wenn Sie alle axios.interceptors deaktivieren.
• Was ist da los?
• interceptor ist ein Proxy, der alle Antworten oder Anfragen abfängt und es Ihnen ermöglicht, jeden Code mit einer Antwort auszuführen (z. B. um Fehler zu behandeln) oder etwas hinzuzufügen, bevor Sie eine Anfrage global für alle Anfragen senden, und zwar an einer Stelle, praktisch, nicht wahr? Hier ist ein Beispiel, wie es aussieht (Datei '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' },
  ]

Lösung

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,
    },
  },

Fazit