首页 > 其他分享 >vue关于请求消息没问题但是还是进入catch块(已解决)

vue关于请求消息没问题但是还是进入catch块(已解决)

时间:2023-04-24 21:34:21浏览次数:45  
标签:拦截器 请求 代码 vue resolve catch

第一次使用vue中的拦截器,一开始是在拦截器的逻辑代码上有问题(也有可能没问题),然后请求和响应都是没问题的,但是请求之后就是不跳转,然后发现是设置了拦截器的问题,折磨了下拦截器保证了代码能够顺利运行到resolve,但是发现即便是resolve后回到原本的代码中,代码还是运行到catch块中去。因为不知道前端的catch该怎么传参数,就到处打断点,还是找不出来,然后看了看别人的代码,知道了catch原来可以直接就是catch(error)这样子,然后直接打印error才发现问题在于前面的代码里参数有问题,因为整块都被catch捕获了所以除非catch打印出来,否则控制台是没有输出的。

 所以如果不知道catch捕获的错误最好还是直接让他输出出来,不然真的不知道怎么解决。

这边是对我有帮助的几个博客:

对Promise中的resolve,reject,catch理解

vue axios请求成功进入catch原因

标签:拦截器,请求,代码,vue,resolve,catch
From: https://www.cnblogs.com/neo-y/p/17350976.html

相关文章

  • Vue关于beforeRouteEnter以及beforeRouteLeave函数的运用
    先上代码beforeRouteEnter:(to,from,next)=>{console.log("进入路由之前")next(vm=>{vm.getData();});},beforeRouteLeave:(to,from,next)=>{console.log("进入路由之后")next();},methods:{getData:f......
  • 请求后端时后端获取不到前端的传参(已解决)
    问题描述;前端使用post请求后端接口,请求时把数据一起传过去的,但是后端获取不到,检查过请求,axios请求后端拿不到数据的解决方案 请求没有问题,数据都在,但是后端还是取不到,后来借鉴这篇博客解决了,原因在于这样的请求触发了axois中的一段特殊代码而导致不能把数据传输过去https:......
  • vue3+jointjs demo
    下面是使用Vue3和JointJS添加元素的示例代码:1.安装JointJS```terminalnpminstalljointjs--save```2.创建JointJS图形```javascriptimport{ref,onMounted}from'vue';import*asjointfrom'jointjs';exportdefault{setup(){constgraphC......
  • vue全屏
    <template><div><imgsrc="../assets/fangda.png"@click="toggleFullscreen"/></div></template><script>exportdefault{methods:{toggleFullscreen(){if(document.fullscree......
  • Vue2和ElementUI编写的无限级菜单路由
    Vue2和ElementUI编写的无限级菜单路由文章转载自:www.javaman.cn<template><div><el-menu:default-active="$route.path"class="el-menu-vertical-demo":collapse="isCollapse"router><templatev-for="item......
  • Vue3 Vue3中其他的改变
    视频六、其他1.全局API的转移Vue2.x有许多全局API和配置。例如:注册全局组件、注册全局指令等。//注册全局组件Vue.component('MyButton',{data:()=>({count:0}),template:'<button@click="count++">Clicked{{count}}times.</button>......
  • Vue.js 目录
    Vue.js大致介绍Vue官网Vue.js搭建Vue开发环境(p4~p6)Vue.js模板语法Vue.js数据绑定Vue.jsel与data的两种写法Vue.js理解MVVMVue.js数据代理-回顾Object.defineProperty方法&数据代理理解Vue.js事件处理-事件的基本使用v-on传参Vue.js事件处理-事件修饰符Vue.js事......
  • Vue笔记汇总
    Vue3快速上手1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:OnePiece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次......
  • ai问答:使用 Vue3 组合式API 和 TS 配置 axios 拦截器 http错误状态
    通过axios.create()可以创建一个axios实例axiosInstance,参数如下:baseURL:请求前缀timeout:超时时间headers:请求头默认配置:import{defineComponent}from'vue'importaxiosfrom'axios'exportdefaultdefineComponent({setup(){//实例-默认配置......
  • 动力节点老杜Vue框架教程【一】Vue程序初体验
    Vue.js是一个渐进式MVVM框架,目前被广泛使用,也成为前端中最火爆的框架Vue可以按照实际需要逐步进阶使用更多特性,也是前端的必备技能动力节点老杜的Vue2+3全家桶教程已经上线咯!学习地址:https://www.bilibili.com/video/BV17h41137i4/视频将从Vue2开始讲解,一步一个案例,知识点......