vue封装请求，进了success又进了error

最新推荐文章于 2024-04-24 14:19:01 发布
最新推荐文章于 2024-04-24 14:19:01 发布
阅读量2.7k 收藏
点赞数
分类专栏： vue 文章标签： vue 高德
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38062866/article/details/80664184
版权

首先是因为数据格式错误导致的

因为项目内使用了高德地图，在请求接口获取经纬度时，正常接收到值，所以进入了success，这也是没问题的，因为数据格式错误导致高德抛出异常错误（LNGLAT），所以进入了error里面，至于为什么高德的异常错误会进入到自己封装的vue请求里面就不知道，希望知道的指点指点


********************************

点赞

阳光先做
关注
专栏目录
【uni-app+Vue3】 API请求封装：让接口调用更便捷
共同学习，共同成长
07-10 3574
为了方便开发，我们可以进行API请求的解耦和封装，以便在多个页面中复用，并且可以统一处理错误信息等问题，提高开发效率和代码质量。
vue学习-----二次封装axios和请求发送详解
快来一起学习前端知识把！加油，前端人
09-20 285
同源策略：就是我我们的浏览器出于安全考虑，只允许与本域（同协议，同域名，同端口的就叫本域）下的接口交互。不同源的客户端脚本在没有明确授权的情况下，不能读写对方的资源。当我们向不同源的网站发起请求时，就会产生跨域问题，（跨域中请求是发送出去了，服务器响应了，但是会被浏览器的同源策略所拦截，使我们不能得到响应）
前端学习（2013）vue之电商管理系统电商系统之监听on-success事件
歌谣的博客
08-21 584
目录结构 router.js import Vue from 'vue' import Router from 'vue-router' import Login from './components/Login.vue' import Home from './components/Home.vue' import Welcome from './components/Welcome.vue' import Users from './components/user/Users.vue' imp
AJAX 请求成功，没进success ，跳转到error。
烙印ve的博客
11-06 151
这是错误的写法： 这是改正后的写法： 原因 因为后台Controller返回的是String类型数据，所以前台ajax接收数据时，需将dataType定义为text形式
vue实战
Aurora_1970s的博客
05-19 1212
vue实战 1.项目概述 1.功能模块 电商后台管理系统大致可以分为以下几个功能模块： 用户登录，退出登录 用户管理 权限管理 角色列表 权限列表 商品管理 商品列表 分类列表 参数管理 订单管理 数据管理 2.开发模式 采用的开发模式是前后端分离的开发模式。其中前端项目是基于Vue技术栈的SPA(单页面应用)项目。 前端技术栈主要有： vue vue-router Element-UI Axios Echarts 后端技术栈主要有： Node.js Express Jwt(状态保持的
关于$ajax发送请求，后台请求成功，但不进入success，却进入error
Admin_yws的博客
11-09 388
先贴代码： 前端代码： $.ajax({ url:" ",//请求的url type:"get",//请求方式 dataType:"json",//后台数据返回类型 data:{//传递的数据 code:c...
vue上传图片 :on-success成功后传第三方参数
最新发布
qq_42740298的博客
04-24 415
vue上传图片 :on-success成功后传第三方参数
vue项目中请求层的封装：（请求层也实现 模块化 ）
m0_45382009的博客
03-11 3953
1.axios二次封装 //http.js import axios from 'axios' import router from '@/router' //创建一个axios实例 let $axios = axios.create({ // baseURL:"http://localhost:3000/api", 配置代理就不用写这么全了 baseURL:'/api', timeout:3000 }) //请求拦截器 $axios.interceptors.request.us.
vue项目请求接口封装
huxiaowen_的博客
01-12 1018
以下是我的写法，有意见的可以随时提出 首先建立相应文件夹 api.js请求方式封装 import axios from 'axios'; axios.defaults.timeout = 60000 axios.defaults.baseURL = '/' //对返回错误信息进行的处理 import judgeErrorCode from './errorCode.js' // 添加请求拦截器（目前并不完善） //axios.interceptors.request.use(config => {
fetch在vue中的封装使用
豆轩的博客
06-03 3047
这里写自定义目录标题fetch的特性定义功能快捷键开始封装requist.js使用 fetch的特性 定义 Fetch 是一个现代的概念, 约等同于 XMLHttpRequest，其最大的两个特性： 可以在Service Workers使用； 基于Promise，天然支持Proomise； 功能快捷键 在Vue 项目开发中，我们与接口打交道最多了，如何来优雅的使用请求变得尤为重要了。 通常我们通过客户端向后端发送HTTP请求来接收接口数据，然后将这些接口数据完美的呈现到网页上。 同时，与接口打交道那么就
vue axios获取状态码（success，error）
热门推荐
Dreamer_xr的博客
11-21 2万+
    项目中遇到个小需求，当页面半个小时内无任何操作的时候，token自动失效，毫无疑问是要跳到登录页的，token失效后后端给我的状态码是412，那么好，这个412我就是获取不到，给中console.log就是打印不出我想要的status，最终还是找到了我想要的。     获取状态有两种写法：这里的api为配置的api文件，在main.js中引入，我的配置方法链接在这axios的API配置文...
ajax success调用vue方法,vue与后端交互的方法
weixin_39552317的博客
08-06 706
一、前後端交互模式1、Promise用戶2、接口調用-fetch3、接口調用-axios4、接口調用-async/await5、基於接口案例二、接口調用方式1、原生Ajax2、基於jQuery的Ajax3、fetch4、axios三、Resful形式的 URLhttp請求方式1、GET 查詢2、POST 添加3、PUT 修改4、DELETE 刪除四、異步調用1、異步效果分析...
vue常见的几种错误（解决方法）
qq_70703397的博客
03-29 1725
vue常见的几种错误（解决方法）
Vue项目常见的错误以及解决办法
wzy199982的博客
10-28 6666
Vue项目常见的错误以及解决办法、Vue项目进展过程中遇到的困难
前端错误收集（Vue.js、微信小程序）
weixin_33779515的博客
12-11 518
前言 随着公司业务的发展，前端项目也越来越多。有的时候客户反馈的一个问题，需要耗费大量的时间去查。错误信息不能第一时间获取，多少会给公司带来损失。这个时候我们就需要一套错误收集机制，去提前发现代码中存在的问题，在客户反馈之前把问题提前处理掉。或者在收到客户反馈的时候可以查到对应的错误栈来帮助我们快速去定位以及解决问题。下面主要介绍vue和微信小程序错误收集的方法。 错误收集方法 Vue错误收集 V...
Vue的基础知识语法
海里寻因的博客
09-08 111
v-cloak指令的用法： 1.提供样式： [v-cloak]{ display:none } 2.在插值表达式所在的标签中添加v-cloak指令（解决闪动问题） 数据绑定指令： v-text:填充纯文本 （相比插值表达式是更加简洁） v-html:填充HTML片段（存在安全问题-XSS攻击） v-pre:显示原始信息，跳过编译过程 v-once :只编译一次（显示内容之后不再具有响应式功能，可以提高性能） v-model:双向数据绑定 <input type='text' v-model='un
vue 语法积累
宁德的小码农
07-08 576
1.循环 import _ from 'underscore'; _.each(allOptions, (value, key) => { optionsSelect[key] = value; }); _.each(metaList, function (data) { if (data.parId!=='0'&&data.code!=='1001'){ m...
vue 在ajax success回调函数中 this 的使用问题。
KLW75
09-11 2106
在success回调函数中，直接使用this 会有失效的问题。 原因：this指的是ajax对象，而不是当前的vue实例。 解决办法：在使用之前 将this.变量赋值给新的变量,再在回调函数中使用。 var that = this; 当然也可以使用箭头函数。 原因：箭头函数内部的this是词法作用域，由上下文确定。 所以这里的箭头函数指向的函数内部的this已经绑定了外部的vue实例。 ...
Vue中axios封装与使用教程
本文将详细介绍如何在Vue项目中有效地使用和封装axios库，以实现更高效、统一的API请求管理。首先，我们回顾一下axios的作用和安装过程。axios是一个流行的JavaScript库，用于在浏览器和Node.js环境中发送HTTP请求，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值