解决“Required Integer parameter ‘xxx‘ is not present”问题

最新推荐文章于 2025-04-01 09:58:28 发布

NI_computer

最新推荐文章于 2025-04-01 09:58:28 发布

阅读量9.3k

点赞数 1

分类专栏：解决问题文章标签： vue javascript vue.js

本文链接：https://blog.youkuaiyun.com/NI_computer/article/details/109098255

版权

解决问题专栏收录该内容

13 篇文章

订阅专栏

本文介绍了在使用Vue和axios进行POST请求时遇到的'Required Integer parameter ‘xxx‘ is not present'错误的解决方法。通过引入jQuery的$.param()或使用node环境中的qs库对数据进行转换，可以有效避免此类问题。对于GET请求出现相同错误，建议将所有数据存入一个对象并在请求中发送。

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

在使用axios发送post请求的时候，我们将需要发送的数据封装为一个obj对象，但是在浏览器报错。
在这里插入图片描述意思是必填的传输数据不正确，可能是没有填或者是错误。可以引入jQuery，或者使用node环境中自带的qs来进行一个数据转换。

get方法报以上错误请看文章最后

方法一：通用解决方法：使用jQuery引入
在html界面引入jQuery

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

原代码：

mounted() {
    var obj = {
      page: this.page,
      pageSize: this.pageSize,
    };
    this.$axios.post("/customer/query", obj).then((res) => {
      console.log(res);
      console.log(res.data.data);
    });
  },

修改后，使用$.param()转换

mounted() {
    var obj = {
      page: this.page,
      pageSize: this.pageSize,
    };
    this.$axios.post("/customer/query", $.param(obj)).then((res) => {
      console.log(res);
      console.log(res.data.data);
    });
  },

再次尝试，就能获取到数据
在这里插入图片描述
方法二：使用npm搭建的vue-cli脚手架，已有node环境，使用自带qs。
在vue页面的srcipt标签内引入qs

import qs from "querystring";

用qs.stringify()将数据转换

 this.$axios.post("/customer/query", qs.stringify(obj)).then((res)=>{}

get方法出现以上错误时，可以先将所有传输的数据存放在一个object中，在get请求中发送obj即可。