解决vue get请求传参后端接收不到参数值(java sptingboot)

发布网友发布时间：2024-09-26 02:12

共1个回答

热心网友时间：2024-10-28 17:47

在进行Vue和Java Springboot项目开发时，常会遇到Vue使用GET请求传递参数至后端却接收不到参数值的问题。此现象可能源于后端接收不到前端发送的GET请求参数。

为解决这一问题，我们首先需要检查后端代码是否存在问题。确保后端接收GET请求的代码正确无误，例如使用`@RequestParam`注解在方法参数上接收参数，如`@RequestParam("page") Integer page`，并确保请求路径中参数正确。

接着，分析前端发送请求的代码。在Vue项目中，通常会使用axios等库进行HTTP请求。检查请求发送的路径和参数是否与后端预期一致。确保在请求中正确传递了参数，例如`axios.get('/api/users', { params: { page: 1, size: 10 } })`。

当在后台接收到的参数`page`、`size`值均为null时，说明参数可能在请求过程中丢失或未被正确传递。解决方法是优化前端请求代码。在`request.js`文件中引入一个封装的请求方法，用于处理请求配置和发送，如：

createAPI(url, method, data = {}) {

在`user.js`或其他需要调用API的文件中引用并使用此方法：

import axios from 'axios';

import { createAPI } from './request';

createAPI('/api/users', 'get', { page: 1, size: 10 });

通过引入`createAPI`方法，确保参数正确传递至后端，进而解决接收不到参数值的问题。使用封装的方法有助于减少代码重复，提高项目的可维护性和代码质量。