arco.design重写message实现只提示一次错误的功能

1.需求

日常开发中，因为服务器等问题，会出现请求接口报错导致整屏的错误提示。对于用户来说很不友好。因此，提出了当此类问题出现时，只提示一个错误消息的需求。

2. 环境

Vue3.0 + ts

3. 封装重写

新建rewriteMessage.ts文件，代码如下：

// rewriteMessage.ts
import { Message, MessageType } from '@arco-design/web-vue'

let messageInstance: any = null
export function reMessage(config: any, type: MessageType) {
  if (messageInstance) {
    messageInstance.close()
  }

  messageInstance = Message[type](config)
}

4.使用

导入/使用

import { reMessage } from './rewriteMessage'

reMessage({
    content: res.data.message,
},'error')