logo

  • 欢迎各位友链
  • 本站支持自适应
  • 技术合作请留言

  • 首页
  • 文章 
    • vue
    • app
    • node
    • 生活
    • 小程序
    • javascript
    • uniapp
  • 案例 
    • app
    • 小程序
    • pc
  • 相册
  • 友链
  • 留言
  • 微语
  • 关于

nuxt中在middleware中间件中拦截错误

 2019-12-10
 椰子皮
 0
 2764
“ 在使用nuxt开发中,我们希望请求出错时,直接跳转到错误页面,在后台自定义错误中跳转到相关页面,提升用户体验。 ”

在middleware文件夹中新建一个js文件,例如我这里将它命名为intercept.js。接着填写如下代码:


export default function({ store, route, redirect, $axios, error }) {
  // 根据后台返回的自定义错误码进行拦截
  $axios.onResponse(res => {
    const code = res.data.code
    if (code === 500) {
      return Promise.reject()
    }
    if (code === 404) {
      return error ({
        statusCode: 404
      })
    }
  })
  // 错误请求拦截跳转错误页面
  $axios.onError(() => {
    return error ({
      statusCode: 500
    })
  })
}




支付宝 微信
 5

nuxt
 js显示时间为多少天前
 宝宝time小程序-一款记录宝宝成长的应用
暂无内容,快抢沙发吧~



表情
 不支持canvas
椰子皮
椰子皮
觉得不错就点个赞吧
 181
 关注 公众号
1288 运行天数
176 今日pv
52 文章数量
 最近更新
 2021-04-08 22:25 更新了 文章
 js查找出现次数最多的字符并统计次数

 最新微语
  • 把清新风格改为毛玻璃效果,虽然有点卡,但 2020-05-31
  • 本站春季主题已完成,大家觉得怎样。 2020-03-15
  • 很久没更新了,不知道说啥,提前祝大家新年 2018-06-05
 最新评论
  • 歌尽花颜
    歌尽花颜 Win10 2021-02-24
    文章 @touchmove.stop.prevent怎么加在根元素上呀?.prevent不是只支持H5的吗?
  • kiinlam
    kiinlam Win10 2021-02-04
    文章 https://ask.dcloud.net.cn/article/36549
  • 小何
    小何 Win10 2021-01-04
    文章 这样取消弹窗了就不是app的正常运行过程了;APP权限拒绝之后怎么让它可以正常进入应用,而不是拒绝了权限就退出应用了
 最多点赞
 最多评论
  • 全新椰子皮博客版本介绍及说明。
    全新椰子皮博客版本介绍及说明。...
    2017-11-23 赞:20
  • vuex action 与mutations 的区别
    vuex action 与mutations 的区别...
    2018-06-24 赞:17
  • vue+typescript使用tinymce富文本编辑器
    vue+typescript使用tinymce富文本编辑...
    2020-06-09 赞:11
  • 让height:auto有过度效果
    让height:auto有过度效果...
    2017-12-22 赞:
  • css3使用transform: scale 元素出现偏移
    css3使用transform: scale 元素出现偏...
    2018-03-10 赞:
  • 结合lazyload实现文章页里面的图片预加载
    结合lazyload实现文章页里面的图片预加载...
    2017-10-05 赞:
 标签
uniapp javascript typescript 小程序 app vue nuxt node
 友情链接
申请
mashihuan Khari & Yaru 美好记忆 帅气的木木 大蒜博客 Aquan 快乐编程 fivewoods Paul 贺德强 太傅博客 梁巨才博客 jielin littlewin IT技术宅
首页 申请友链 关于本站 广告合作
CopyRight © 2016-2020 - 椰子皮 - 浙ICP备16003960号