axios get 方法后台没有得到传递的参数

最新推荐文章于 2023-09-14 18:25:28 发布
最新推荐文章于 2023-09-14 18:25:28 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： VUE踩过的坑 文章标签： js vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38192709/article/details/110943719
版权

问题描述：在使用 axios 的 get 方法的时候在后台没有拿到前端传过来的数据。
后端图片：
在这里插入图片描述
前端图片：
在这里插入图片描述
解决方法：把后端的相同的get 方法，取参数的方法往上移，或者把不要取参的方法注释掉。
在这里插入图片描述

叫我福建
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
axios Get方法参数传数组让后端可以接收到
qq_42673507的博客
04-16 2224
后端代码 @GetMapping("/batchQueryByIds") public List<GoodsVO> batchQuery(@RequestParam List<Long> goodsIds) { return goodsLogic.batchQuery(goodsIds); } 前端代码 ...
axios post请求后台获取不到参数
weixin_43901859的博客
03-29 1708
axios post请求后台获取不到参数是为什么 在做vue前端+springboot后端项目数据传输的时候，频繁的出现了400 bad request的报错，上网一查，原因是前后端数据类型不匹配。这就很奇怪了，用控制台打印完发现前后端的数据类型的确是一致的，但就是报错。分析了一下，发现这个问题应该就是axios的Post请求的问题 分析问题 先是通过观察其他类似的函数，对原有代码进行了修改。 ...
Axios与后端交互，后端接收不到参数
最新发布
qq_56494197的博客
09-14 1826
前端用对象类进行传参时，后台接收对象封装的数据要用@RequestBoby接收，对象的每个属性名也必须与后端的对象属性名保持一致，属性个数也要相同。我原来是后端的实体对象比前端传的对象参数多了一个id属性，所以传不过去，改成一样就好了。前端发送了一个POST请求，请求体中包含一个JSON对象，可以使用@RequestBody注解将其转换为Java对象。1.使用GET请求时，参数名应该用params,参数会直接追加至请求字符串(url)后。用于获取请求参数的值，可处理GET和POST请求。
axios发起get请求时，参数带不过去
weixin_44228952的博客
04-17 7253
好久没写js了，今天写js请求时发现发起的get请求，参数丢了 情况复现： 但js代码感觉没问题： 但就是参数带不上，后来看了一下我请求方法getCategoryAtrribute()方法。 底层对axios的包装： 因为js对对象类型是引用传递的，所以肯定是我的定义的入参出了问题，后来记起 axios时的配置选项中包含params和data两者 params是添加到url的请求字符串中的，用于get请求。 data是添加到请求体（body）中的， 用于post请求。 平常我们直接发起axios
Vue3 axios get 参数问题
easyboot的专栏
07-17 284
WEBAPI controller代码。vue3 axios 代码。
用axios 的get方法传参，控制台不显示参数
Hero_rong的博客
03-22 1万+
好久没用axios调接口了，今天突然发现用get控制台打印不出参数，代码和控制台如下 用post方法就可以显示出来，后来查看了官方文档，发现代码少了params，添上就行了 this.axios.get('/TuNiu/getSearch', { params: { keyword: keyword, } }).then(re...
axios get请求参数传值未成功
qq_39185867的博客
05-18 1389
const ajax = axios.create({ baseURL: 'https://www.fastmock.site/mock/ae8e9031947a302fed5f92425995aa19/jd', timeout: 10000 }) export const get = (url, params = {}) => { return new Promise((resolve, reject) => { ajax.get(url, { params }).the.
js传递数组参数到后台controller的方法
10-18
在JavaScript（JS）中，将数组作为参数传递到后端控制器（如在Java Spring MVC、ASP.NET MVC或Node.js Express等框架中）是一项常见的任务。本文将详细介绍如何实现这一过程，以及涉及的关键知识点。 首先，我们...
基于vue 添加axios组件,解决post传参数为null的问题
08-27
"基于 Vue 添加 Axios 组件...本文介绍了基于 Vue 添加 Axios 组件解决 POST 传参数为 null 问题的解决方案，包括安装 Axios、添加 Axios 组件、GET 请求、POST 请求、注意事项等内容。希望本文能够对大家有所帮助。
解决Vue axios post请求,后台获取不到数据的问题方法
10-18
总的来说，解决Vue axios POST请求后台获取不到数据的问题通常需要理解数据如何在前后端之间传输，并根据具体的数据结构选择合适的序列化和解析方法。同时，保持良好的沟通与合作，确保前端和后端的接口约定一致，也...
axios发送get请求,node后台接收不到参数（已解决）
weixin_57677300的博客
10-29 3466
params是添加到url的请求字符串中的，用于get请求带参数。data是添加到请求体（body）中的， 用于post请求带参数。
axios 请求找不到参数
khl_001的博客
09-08 2088
axios 请求（找不到参数） 如下图 ：可以看到我们已经获取到id ，但还是显示缺少参数 ** 这时我们可以创建实例化axios，定义一些规则，如请求头来解决** 如下代码 import axios from 'axios' import { METHOD } from './config' //创建带配置项目的axios实例 const instance = axios.create({ baseURL: 'https://api.it120.cc/small4', timeou
axios请求，返回参数请求体格式不对，封装axios出错,封装axios的get请求和post请求
花椒和蕊的博客
10-27 1113
我的接口是post请求，但是后端在接口文档上写成了get。 我按get请求封装，结果报错。 http请求405错误方法不被允许 (Method not allowed) 因为方法错了，所以我想应该不是我的问题。一问果然是后端的接口文档写错了。 所以我把method从get改成post，但是错就错在我只改了这一处！ 结果就出现下图的现象，apiBaseInfoParams后面有个[], 另外格式也不对 正确格式应该是这样的 问题出在post请求和get请求的参数体不同： get请求是将参数添加到url的请
axios请求地址携带不上参数
a1071626267的博客
10-30 1125
axios请求地址携带不上参数
axios的get，post传参失败
shanxiu_的博客
04-14 1406
解决方法： 设置请求头 headers: { "Content-type": "application/json;charset=UTF-8", }, 一、axios get请求： //axios GET请求添加数据 方法一： this.axios({ method: "get", url: "/houtai/book/add", headers: {
vue------axios中的get请求
热门推荐
weixin_47886687的博客
10-16 1万+
一、安装 使用npm:$ npm install axios 二、使用 步骤:1.引入2.发送请求 .<template> <div> <!-- 2.点击发送请求 --> <button @click="getdata">get请求-无参数</button ><button @click="getDataByParams">get请求-有参数</button> </div>
get请求方法中传递数组，后端获取不到怎么办？
weixin_42736366的博客
03-24 1598
get请求方法中传递数组，后端获取不到怎么办？ axios ajax 在GET方法中传数组 正常在get方法中传递数字、字符串等是直接拼接在url后面的，但是一旦参数为数组就显得很怪异。 现象 不仅前端控制台很怪异，后端肯定也收不到这个字段的数据。 解决方法 axios 首先import qs from 'qs’，其次需要参数序列化 paramsSerializer // 接口请求 export function permissionUpd(roleId, menuIds, permission) {
前端与后台交互之axios（get请求）
Me无羡的博客
10-26 2274
作者原文 1要使用axios跨域请求数据，则需要进行一下这几个步骤哦。 要使用axios，就必须下载axios这个库，可以有一下几个途径： 1、使用 npm install axios 或者 yarn add axios 2、可以之间使用线上cdn：<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"...
（已解决）axios使用get成功，但使用 post 404，原因？
qbk11lus的博客
02-15 3507
axios get请求可以，post请求404，真的让人痛苦，思考的过程是快乐的，哈哈
axios向后台传递数组作为参数的方法
06-28
### 回答1： 在使用axios向后台传递数组作为参数时，可以使用get请求或post请求两种方法。 一、GET请求 通过get请求将数组作为参数传递 例如： ``` // 示例数据 const data = [1, 2, 3, 4, 5]; // 将数据进行拼接 const params = data.join(','); // 发送GET请求 axios.get('/api', { params: { data: params } }).then(res => { console.log(res.data); }).catch(error => { console.log(error); }); ``` 在服务端中，可以通过req.query来获取传递过来的参数，如下所示： ``` let data = req.query.data.split(","); console.log(data); // [ '1', '2', '3', '4', '5' ] ``` 二、POST请求 通过post请求将数组作为参数传递 例如： ``` // 示例数据 const data = [1, 2, 3, 4, 5]; // 发送POST请求 axios.post('/api', { data: data }).then(res => { console.log(res.data); }).catch(error => { console.log(error); }); ``` 在服务端中，可以通过req.body来获取传递过来的参数，如下所示： ``` let data = req.body.data; console.log(data); // [1, 2, 3, 4, 5] ``` 需要注意的是，如果后台使用的是Node.js的原生http模块，需要在服务端设置Access-Control-Allow-Origin解决跨域问题。 ### 回答2： Axios作为一种常用的网络请求工具，可以方便地与后台进行交互，其中包括向后台传递数组作为参数。 传递数组最常见的场景是在进行批量操作时，通常需要将多个相似的数据一起传递给后台进行处理，这种情况下，可以将数据封装成一个数组，并通过Axios将整个数组传递给后台。 首先，在使用Axios发送请求时，需要设置请求的方式以及请求的地址和参数等信息。对于传递数组作为参数，可以通过以下的方式进行设置： ```javascript axios({ method: 'post', //请求方式，此处为post方法 url: '/api/user', //请求地址 data: { users: [ //将要传递的数组 { name: '张三', age: 20 }, { name: '李四', age: 21 }, { name: '王五', age: 22 } ] } }) .then(function (response) { //接收后台返回的数据 console.log(response); }) .catch(function (error) { //处理异常情况 console.log(error); }); ``` 如上代码所示，我们可以通过data字段将数组封装成一个对象，然后传递给后台。在数据传递的过程中，可以通过相应的请求方式（比如post）将数据传递给后台。 在后台接收这个数组对象时，需要进行相应的数据解析，比如将数组中的数据逐个插入数据库或者进行其他的处理，具体的实现也需要根据后台的具体需求进行调整。 综上，通过对Axios传递数组作为参数的方法进行了解和实践，可以轻松地将多个相似的数据一起传递给后台进行处理，改善了网页交互效率，增加了用户的体验感。 ### 回答3： 在使用axios向后台传递数组作为参数时，可以通过以下方法进行处理： 1. 通过URL传递参数 在URL中传递参数是最基本也是最常见的方法，针对数组参数也可以使用这种方法。将参数数组转化为字符串，然后拼接在URL中进行传递。例如，将[1,2,3]转化为"1,2,3"，然后拼接到URL中：http://localhost:8080/api?ids=1,2,3。 2. 通过请求体传递参数 对于需要传递复杂数组参数的情况，可以通过请求体进行传递。首先需要设置请求头Content-Type为application/json，然后将参数数组进行序列化（例如使用JSON.stringify()方法），作为请求体传递到后台处理。例如： ``` axios.post('/api', { data: JSON.stringify([1, 2, 3]) }, { headers: { 'Content-Type': 'application/json' } }) ``` 在后台接收请求时，需要对请求体进行解析。针对Node.js环境，可以使用bodyParser中间件对请求体进行解析，将JSON字符串转化为对象。 3. 通过formData传递参数 对于需要上传文件或二进制数据的情况，可以通过formData传递参数。首先创建一个FormData对象，然后调用append()方法添加参数数组，最后将formData作为请求体传递。例如： ``` const formData = new FormData() formData.append('ids', [1, 2, 3]) axios.post('/api', formData, { headers: { 'Content-Type': 'multipart/form-data' } }) ``` 在后台接收请求时，需要对formData进行解析。针对Node.js环境，可以使用formidable模块对formData进行解析，将数组参数转化为数组对象。 无论是哪种方法，都需要保证前后台处理参数的方式一致，避免造成参数解析错误。同时，针对复杂数组参数，还需要对参数进行校验和转换，保证参数的正确性和完整性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值