logo


  • 首页
  • 文章 
    • vue
    • app
    • node
    • 生活
    • 小程序
    • javascript
    • uniapp
  • 案例 
    • app
    • 小程序
    • pc
  • 相册
  • 友链
  • 留言
  • 微语
  • 关于

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

 2019-12-10
 椰子皮
 0
 4449
“ 在使用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
    })
  })
}




支付宝 微信
 6

nuxt
 js显示时间为多少天前
 宝宝time小程序-一款记录宝宝成长的应用
  • 在nuxt3里useFetch封装一个api接口http请求
  • nuxt3+vue3+typescript里写一个全局提示框toast插件
  • nuxt3配置多环境变量
暂无内容,快抢沙发吧~



表情
 不支持canvas
椰子皮
椰子皮
觉得不错就点个赞吧
 229
 关注 公众号
1737 运行天数
357 今日pv
61 文章数量
 最近更新
 2022-06-02 09:25 更新了 文章
 nuxt3配置多环境变量

 最新微语
  • 最近在使用eeg.js + vue3.0 2022-01-12
  • 把清新风格改为毛玻璃效果,虽然有点卡,但 2020-05-31
  • 本站春季主题已完成,大家觉得怎样。 2020-03-15
 最新评论
  • tsin
    tsin Win10 2022-06-13
    文章 请求接口在控制台看不到返回数据是怎么回事呢 显示的是无法加载响应数据,返回的状态代码是200
  • Light
    Light Win10 2022-06-01
    文章 wacth侦听器不起作用
  • Light
    Light Win10 2022-06-01
    文章 双向绑定失败
 最多点赞
 最多评论
  • vue3.0+typescript使用tinymce富文本编辑器
    vue3.0+typescript使用tinymce富文...
    2020-06-09 赞:25
  • 全新椰子皮博客版本介绍及说明。
    全新椰子皮博客版本介绍及说明。...
    2017-11-23 赞:20
  • vuex action 与mutations 的区别
    vuex action 与mutations 的区别...
    2018-06-24 赞:18
  • 让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-2021 - 椰子皮 - 浙ICP备16003960号