Nuxt सर्वर-साइड मेमोरी लीक SSR (सर्वर साइड रेंडरिंग) का उपयोग

पृष्ठभूमि

1. विषय की प्रासंगिकता
2. एक्सिस इंटरसेप्टर
3. runInNewContext

1. विषय की प्रासंगिकता

1. अक्षीय अवरोधक

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

• लीक की एक लंबी खोज के बाद, मैंने पाया कि यदि आप सभी axios.interceptors को निष्क्रिय कर देते हैं, तो मेमोरी साफ़ होने लगती है।
• बात क्या है?
• इंटरसेप्टर एक प्रॉक्सी है जो सभी प्रतिक्रिया या अनुरोधों को स्वीकार करता है और आपको किसी भी कोड को एक उत्तर के साथ निष्पादित करने की अनुमति देता है (उदाहरण के लिए, त्रुटियों को संभालने के लिए) या सभी अनुरोधों के लिए वैश्विक रूप से अनुरोध भेजने से पहले कुछ जोड़ने और 1 जगह, सुविधाजनक, है ना? यह कैसे दिखता है (फ़ाइल 'प्लगइन्स / axios / इंटरसेप्टर। जेएस') का एक उदाहरण है

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

समस्या का समाधान

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

निष्कर्ष