在原有vue-elemnt ui 中对axios进行封装，出现请求成功但是走catch的bug

怼烎@ 2022-05-20 10:17 26阅读 0赞

前一篇博客传送门：[https://blog.csdn.net/snowbeatrain/article/details/80776180][https_blog.csdn.net_snowbeatrain_article_details_80776180]

bug：请求参数返回，但是提示错误

![70][]

原因：

在跟目录下创建一个http.js用于引入axios，进行封装  （由于是在原有项目上进行的修改，原有请求是单独对参数进行的处理。所以此处封装并没有处理参数）。以下是报错的post get的封装代码：

var get = function(url, params) {
      return new Promise((resolve, reject) => {
        // {
        //   params: params
        // }
        axios
          .get(url, params)
          .then(res => {
            console.log(res)
            resolve(res.data);
          })
          .catch(err => {
            reject(err);
          });
      });
    };
    var post = function(url, data) {
      return new Promise((resolve, reject) => {
        // qs.stringify(data)
        axios
          .post(url, data)
          .then(res => {
            console.log(res)
            resolve(res.data);
          })
          .catch(err => {
            reject(err);
          });
      });
    };

解决方法：

将封装请求的.then中的 resolve(res.data);改为resolve(res)即可

[https_blog.csdn.net_snowbeatrain_article_details_80776180]: https://blog.csdn.net/snowbeatrain/article/details/80776180
[70]: /images/20220520/6c5c35582f2a4aff86e0f05d71438a5a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，26人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue中统一封装Axios请求

1.Axios 是什么，为什么要统一封装？ axios是一个基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如统一进行拦截请...

亦凉/ 2024年04月17日 06:29/ 0 赞/ 148 阅读

相关 vue中axios请求的封装管理

　　vue中axios封装以及接口管理前言一、axios的封装？二、使用步骤1.安装axios2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有

爱被打了一巴掌/ 2023年09月25日 12:09/ 0 赞/ 116 阅读

相关 vue中axios请求简单封装

1、http.js /axios封装请求拦截、相应拦截、错误统一处理 / import axios from 'axios'; imp

淩亂°似流年/ 2023年08月17日 15:47/ 0 赞/ 215 阅读

相关 Axios封装请求

先创建文件夹 utils 在里面创建文件 Service.js 配置axios import Axios from "axios"; const

女爷i/ 2023年02月23日 08:03/ 0 赞/ 55 阅读

相关 axios的请求封装

1. 参考一 import axios from 'axios' import qs from 'qs' import store from '..

╰+哭是因爲堅強的太久メ/ 2022年12月18日 08:58/ 0 赞/ 320 阅读

相关 Vue对axios进行封装简化请求操作

[原文][Link 1]：`https://www.blog.hiyj.cn/article/detail/96` 一、[源码链接][Link 2]:`https://gi

﹏ヽ暗。殇╰゛Y/ 2022年09月11日 12:09/ 0 赞/ 235 阅读

相关在原有vue-elemnt ui 中对axios进行封装，出现请求成功但是走catch的bug

前一篇博客传送门：[https://blog.csdn.net/snowbeatrain/article/details/80776180][https_blog.csdn.n

怼烎@/ 2022年05月20日 10:17/ 0 赞/ 27 阅读

相关对jquery ajax进行封装请求

目前的前端开发中，大部分的数据都是需要向服务器端请求的，而前端常用ajax来向服务器请求，本猿毕业刚出来没多久，在以往的项目中是用最笨的方法来写的。一个项目中几十个接口，每一次

小灰灰/ 2022年05月16日 14:39/ 0 赞/ 279 阅读

相关 vue-项目对axios进行封装

需求描述我们在做vue项目的时候，经常会遇到一个问题就是我们的请求需要加请求头，或者还不是一个请求头的情况，那么其实我们可以使用比较原始的办法，直接在我们写的时候就直接

你的名字/ 2021年11月11日 16:16/ 0 赞/ 388 阅读

相关在 Vue 里面对 Axios 进行封装

在 Vue 里面对 Axios 进行封装在前段项目中，请求 api 以及请求方式进行封装，该封装为了简单，更加好的管理后端所给的接口，请求代码的复用性，代码简单化。

小灰灰/ 2020年06月02日 13:23/ 0 赞/ 1003 阅读