Die Schnittstellenfehlermeldung in Vue löst das Problem mehrmals aus

Kürzlich ist das Projekt auf ein Problem gestoßen - zu viele Fehlermeldungen, wie in der folgenden Abbildung dargestellt:

Nach langer Suche nach der Ursache (von der gekapselten Anforderungsschnittstelle bis zur gekapselten Anforderungsschnittstellenmethode, um das Problem Schicht für Schicht zu finden) Plötzlich stellte ich fest, dass es sich bei der Verwendung der Nachrichtenbombe im Elementui-Frame um ein Problem handelte. Die Lösung lautet wie folgt:

Nachricht umschreiben

• Erstellen Sie eine neue JS-Datei (geben Sie den spezifischen Speicherort der Datei selbst an, ich füge ihn assets/scriptsunten ein)

  Mein Dateiname ist resetMessage.js

  
  import {
        
        Message} from 'element-ui';
  let messageInstance = null;
  const resetMessage = (options) => {
        
        
      if(messageInstance) {
        
        
          messageInstance.close()
      }
      messageInstance = Message(options)
  }
  ;['error','success','info','warning'].forEach(type => {
        
        
      resetMessage[type] = options => {
        
        
          if(typeof options === 'string') {
        
        
              options = {
        
        
                  message:options
              }
          }
          options.type = type
          return resetMessage(options)
      }
  })
  export const message = resetMessage
  

• Importieren Sie die obige Datei in main.js

  import {
        
         message } from '@/assets/scripts/resetMessage'
  Vue.prototype.$message = message;
  

verwenden

this.$message.error('具体信息内容');