vue のインターフェイス エラー メッセージで問題が複数回発生する

最近、プロジェクトで問題が発生しました - 以下の図に示すように、エラー メッセージが多すぎます。

理由を長い間探した後 (カプセル化されたリクエストのインターセプト - 問題をレイヤーごとに見つけるためのカプセル化されたリクエスト インターフェイス メソッドから)、 Elementui フレーム問題でメッセージ ボムが使用されていることが突然わかりました。解決策は次のとおりです。

メッセージを書き換える

• 新しいjsファイルを作成します（ファイルの特定の場所を自分で配置します。assets/scripts以下に配置します）

  私のファイル名は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
  

• 上記のファイルを main.js にインポートします

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

使用

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