messageTipAfterRequestFinallyPlugin - 消息提示插件

INFO

如果你不想用 useRequest，可忽略本页面内容。

什么是 messageTipAfterRequestFinallyPlugin？

messageTipAfterRequestFinallyPlugin 是用于管理请求成功或者失败后进行消息提示的插件，它是 useRequest 的插件。

成功后的消息提示

<script setup lang="ts">
// useProRequest 是对 useRequest 的封装，增加了自定义的插件，其他功能一样。
import { useProRequest } from '@/composables/use-pro-request'

useProRequest(() => axios.get('/xxxxx'),{
  successTip: true, // 请求成功后的消息提示，配置 true 时文案为 "操作成功"
})

useProRequest(() => axios.get('/xxxxx'),{
  successTip: 'a.b.c', // 请求成功后的消息提示，可以配置为语言包中的 key，内部会进行翻译处理
})

useProRequest(() => axios.get('/xxxxx'),{
  successTip: '修改用户信息成功', // 请求成功后的消息提示，可以配置为自定义内容
})

useProRequest(() => axios.get('/xxxxx'),{
  successTip: (data, params) => '成功', // 请求成功后的消息提示，可以配置为函数，根据响应结果和请求参数自定义返回消息提示内容
})
</script>

失败后的消息提示

<script setup lang="ts">
// useProRequest 是对 useRequest 的封装，增加了自定义的插件，其他功能一样。
import { useProRequest } from '@/composables/use-pro-request'

useProRequest(() => axios.get('/xxxxx'),{
  errorTip: false, // 禁用请求失败后的消息提示
})

useProRequest(() => axios.get('/xxxxx'),{
  errorTip: 'a.b.c', // 请求失败后的消息提示，可以配置为语言包中的 key，内部会进行翻译处理
})

useProRequest(() => axios.get('/xxxxx'),{
  errorTip: '修改用户信息失败', // 请求失败后的消息提示，可以配置为自定义内容
})

useProRequest(() => axios.get('/xxxxx'),{
  errorTip: (error, params) => '失败', // 请求失败后的消息提示，可以配置为函数，根据响应结果和请求参数自定义返回消息提示内容
})
</script>

全局错误处理

你可以在 message-tip-after-request-finally-plugin.ts 文件中的 resolveErrorMessage 函数内统一错误处理，相关文件内已经写好注释！