axios then无返回的原因

已于 2022-06-27 16:21:07 修改
阅读量2.7k 收藏 2
点赞数
文章标签： 前端 vue.js
于 2022-06-22 18:34:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/you200282/article/details/125414783
版权

一、当axios请求完成后走的是then的代码块，如果then代码块中存在错误代码信息，这时就会进入catch中>抛出异常（注意：此时控制台并不会报错，因为错误被catch捕获了，axios是异步发起，若发起后页面刷新，那么就会丢失当前进程，导致接收不到。例如 form表单，点击>按钮提交后，表单会刷新

二、拦截器的问题

解决方法：

阻止表单默认事件e.preventDefault()（vue可使用prevent)，避免页面刷新

后台添加返回数据

检查拦截器

友友笔记
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
axios.min.js
04-01
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF 二、axios的使用:安装axios:cnpm install axios 在main.js文件引入axios:import Axios from 'axios'将axios全局挂载到VUE原型上:Vue.prototype.$http=Axios get方法发送请求//方法一传递参数 this.$http.get('https://cnodejs.org/api/v1/topics',{ params: { //参数 page: this.page, limit: this.limit, }, }).then(res => { //请求成功后的处理函数 this.isLoading = false; this.items = res.data.data; console.log(this.items); }).catch(err => { //请求失败后的处理函数 console.log(err) }) //方法二传递参数 this.$http.get('https://cnodejs.org/api/v1/topics?page=1&limit=15')注意请求成功后的处理使用了箭头函数，因此在该函数内的this指向的是vue实例，若使用普通函数则需要另外处理this。
vue中axios.js
04-20
vue中的ajax axios.get('/user?ID=12345') .then(function (response) { // handle success console.log(response); }) .catch(function (error) { // handle error console.log(error); }) .then(function () { // always executed });
axios的基本使用(简单用法)
weixin_47124112的博客
07-04 2041
axios 是一个专注于网络请求的库！ get 传参使用 params ，post 传参使用 data 总结：1. 调用axios之后，使用 async/await进行简化 使用解构赋值，从axios封装的大对象中，把data属性解构出来 把解构出来的data属性，使用冒号进行重命名，一般为 { data: res} 返回的data才是真实的数据......
解决axios发送post请求返回400状态码的问题
01-19
今天在用 axios 发送一个跨域的post请求时，遇到了一个坑：Uncaught (in promise) Error: Request failed with status code 400。 前台代码如下： axios({ method: post, url: http://localhost:8080/employee/testpost, data: { username: '234234', password: '4565' } }).then((res) => { console.log(res.data); }) 后台代码如下： @CrossOrig
bootstrap的表单使用axios操作时候无法进入then解决方案
每天进步一点点儿
06-09 2205
只想用bootstrap 的表单的样式，最后用axios提交数据，没想到不进入请求成功的then方法，提交是成功了，直接在地址栏的url后面加了问号（如下图），看到页面有跳转。 解决方案： 既然不想用他的表单，只用样式，把表单替换成 div 即可 ...
前端篇 （ 4 ）- axios不执行then方法，执行catch
烟溪彭于晏的博客
05-22 3692
解决axios不执行then方法，执行catch
axios的then没改到数据，已解决
qq_51965854的博客
01-03 319
axios的then没改到数据，已解决
el-form中保存时axios发请求不进入then进入catch
Charonmomo的博客
10-28 1671
问题描述 今天接手之前同事写的代码的时候遇到一个问题: 点击 编辑 中的 保存按钮 或者是 删除 的时候, 请求可以发送成功, 但是控制台总会显示报错信息. 页面上的elementUI提示也是 $message.error 形式的. 请求发送之后的 .then 也进不去, 反而会显示 .catch 中的内容. 然后我就开始百度: 得知产生这种问题的原因主要有以下几种: 当axios请求完成后走的是then的代码块，如果then代码块中存在错误代码信息，这时就会进入catch中>抛出异常（注
Vue中关于axios请求的数据通过‘.then’转存报错问题
最新发布
weixin_52033993的博客
10-02 369
即服务器返回的数据无法通过this指向进行转存至data中，此处this所指向的位置不存在相关内容，也就是说此处的this并不是我们以为的当前组件中的this，因此我们打印此处的this ==>经过查询后发现：function函数中的this指向页面的window对象而不是指向该vue组件实例，因此我们需要做的便是使问题代码中的this指向变为vue实例本身。默认指向在定义它时所处的对象(宿主对象),而不是执行时的对象。可以看到这里的this为空即此处的this指向时有问题的。而选择箭头函数的原因在于。
代码问题之外，axios请求没进入then,进入catch的情况
01-03
代码问题之外，axios请求没进入then,进入catch的情况 小编在一次工作中遇到了这个情况，有些项目对请求返回数据是有规范的，写服务的不知道，调服务的我 也不知道，就挠头苦想，花费了很多时间也没琢磨个所以然来...
vue axios请求成功却进入catch的原因分析
11-19
问题：axios返回200状态码（即请求成功）却走进了catch里面 原因： 1.当axios请求完成后走的时then的代码块，如果then代码块中存在错误代码信息，这时就会进入catch中抛出异常（注意：此时控制台并不会报错，因为...
vue-axios使用详解
01-21
vue-axios GET请求 axios.get(/user?id=1) .then(function(response){ }) .catch(function(error){ }) POST请求 axios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function ...
SetRole.js promise all 对axios返回做统一处理
01-04
一个增加一个删除,两个都是在提示的时候进行aixos,我们可以分别在then之后使用message但是如果用到promise的方法可以做到优化,看代码
axios请求Python后台，请求成功，但是请求返回没有进then方法执行相关代码
gymaisyl的博客
12-13 5166
在html中的代码参考如下： vue代码参考如下： 在前端将密码修改成功后，后端返回的是200的状态码，但是，请求成功应该进入到 .then里面，将修改成功的消息弹出的，但是始终没有 经过多番资料的查阅，原因是： axios是异步发起，若发起后页面刷新，那么就会丢失当前进程，导致接收不到！ 我是用了form表单，点击按钮提交后，表单会刷新，把form去除就可以接收后台返回的结果了 修改后的...
axios框架使用
weixin_68531033的博客
05-08 1135
axios基本语法 axios语法 : axios .get('url') .then( res=>{ //请求成功 res.data 服务器响应数据 } ) .catch( err=>{ //请求失败 err"错误信息} ) .then( ()=>{ //本次请求完成 无论成功和失败都会执行 } ) ...
axios详解
热门推荐
asdfadafd的博客
03-08 3万+
文章目录 axios是干啥的 原生XMLHttpRequest实现 axios介绍 发送并发请求 axios API 创建一个实例 Config配置选项 默认设置 全局默认设置 实例中自定义默认值 设置的优先级 响应信息(response schema) 拦截器interceptors 错误处理 取消请求 axios是干啥的 上古浏览器页面在向服务器请求数据时，因为返回的是整个页面的数据，页面都会强制刷新一下，这对于用户来讲并不是很友好。并且我们只是需要修改页面的部分数据，但是
axios,fetch发起post请求之后请求丢失，不进入then，也不进入catch
_Ennio
04-27 2744
简单来说我有一个form表单，添加用户，截图如下： submit函数发起axios请求： 但是却没有执行then里面的代码，虽然数据添加成功了。查找之后发现原因： axios是一个异步请求，from表单提交之后页面会刷新，会导致请求进程丢失，所以then里面的代码自然也不会执行了。fetch也是同理。 所以只需要让页面不刷新即可，两种解决方法： 1.将form替换...
vue网络应用——axios
qq_43093129的博客
11-05 123
axios 功能强大的网络请求库。 导入方式：<script src="https://unpkg.com/axios/dist/axios.min.js"></script> 请求格式：axios.get(地址?key=value&key2=values).then(function(respone){},function(err){}) axios.post(地址,{key:value,key2:value2}).then(function(respone){},func
axios的then()方法返回了什么
07-15
axios的`then()`方法返回一个Promise对象。Promise对象代表一个异步操作的最终完成或失败，并返回相应的结果或错误信息。在axios中，`then()`方法用于处理异步请求成功的情况，当请求成功时，它将返回一个包含响应数据的对象。可以通过使用`.then(response => { ... })`来访问响应数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值