Vue传数据到后台后出现Uncaught (in promise) 的解决方法

最新推荐文章于 2024-06-14 23:52:39 发布

编程小白qwq

最新推荐文章于 2024-06-14 23:52:39 发布

阅读量3.7k

点赞数 2

文章标签： vue javascript java

本文链接：https://blog.youkuaiyun.com/jhjyfjy/article/details/105476394

版权

本文详细介绍了在Vue.js项目中如何优雅地处理HTTP请求失败的情况。通过在axios请求后面添加.catch(err=>{}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在请求后面加catch(err=>{})即可。


//报错的代码
add(){
						this.$http.jsonp("http://localhost:8080/vueCRUD/add?name="+this.name+"&hp="+this.hp).then(res=>{
							if(res.body.status==0){
								//成功
								//添加完成后，只需要手动再调用getHeroList()方法刷新列表
								this.getHeroList();
							}
							else{
								console.log("失败")
							}
						})
					}


//解决方法
add(){
						this.$http.jsonp("http://localhost:8080/vueCRUD/add?name="+this.name+"&hp="+this.hp).then(res=>{
							if(res.body.status==0){
								//成功
								//添加完成后，只需要手动再调用getHeroList()方法刷新列表
								this.getHeroList();
							}
							else{
								console.log("失败")
							}
						}).catch(err=>{})
					}

.catch(err=>{})
只要在后面加上.catch((e) => {})，就不会报错了，