vue axios get请求参数为json对象 而非字符串形式

摘要:
axiosget请求方法传递给后台的参数是字符串形式的。无法传递请求后方法,例如json对象或数组对象。但是,如果后台接口要求必须通过get方法将对象传递给后台,则需要安装插件。实现方法如下:再次查看Axios API:https://www.kancloud.cn/yunye/axios/234845安装axios npminstallaxios save成功获取请求方法ax

axios get请求方式 传递给后台的参数都是字符串下形式,无法传递json对象 或数组对象等

     post请求方式则可以实现,

    但若后台接口要求必须用get方式传递对象给后台,需要装插件,实现方法如下:

再复习下Axios

API:https://www.kancloud.cn/yunye/axios/234845

安装axios

npm install axios --save

安装成功

vue axios get请求参数为json对象 而非字符串形式第1张

 get请求方式

    axios.get(url,
     { params:{'query_id': query_id, 'message': message}, headers: {Authorization: token} }
    ).then((res) => { console.log(res)     })

  post请求方式

       axios.post(url,
                    {
                        'query_id': query_id,
                        'message': message
                    },
                    {headers:{'Authorization': token}}
                ).then((res)=>{

                  console.log(res) 
      })

这里传的参数中post方式 传对象param1 如:

param1 = {id:1, name:’张三’} 

可以正常传入并被识别

但是用get方式传参就无法正常识别为对象 而是均视为字符串,解决方式: 安装插件

参考文档:https://www.cnblogs.com/jiangxifanzhouyudu/p/9102908.html

     https://www.jianshu.com/p/62546d82f380

安装Qs插件命令:npm install qs

在文件中引入:

import axios from 'axios'
import Qs from 'qs'

 vue axios get请求参数为json对象 而非字符串形式第2张

得到预期的结果可以传到服务端

vue axios get请求参数为json对象 而非字符串形式第3张

带的参数不同结果表现形式不同,

vue axios get请求参数为json对象 而非字符串形式第4张

具体可以再学习AI文档

免责声明:文章转载自《vue axios get请求参数为json对象 而非字符串形式》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Kafka提交offset机制iOS APP上架被拒3.1.1支付问题解决方案下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

详解C/C++预处理器 .

C/C++编译系统编译程序的过程为预处理、编译、链接。预处理器是在程序源文件被编译之前根据预处理指令对程序源文件进行处理的程序。预处理器指令以#号开头标识,末尾不包含分号。预处理命令不是C/C++语言本身的组成部分,不能直接对它们进行编译和链接。C/C++语言的一个重要功能是可以使用预处理指令和具有预处理的功能。C/C++提供的预处理功能主要有文件包含、宏...

python函数基础用法

一、函数的定义,调用和返回值   1.1 语法 def 函数(参数一,参数二...): ''' 文档注释 ''' 代码逻辑一 代码逻辑二 .... return 返回值   1.2 定义函数的三种形式     说明:定义阶段,只检测语法,不执行代码。 # 定义函数方式一:无参函数 def foo():...

JavaScript 之 对象转换为Url参数形式

在使用Get请求数据的时候,常常需要手动拼接。相对来说,这样不利于维护。有没有办法,能将对象直接转换为数组的形式? 可以使用此方法 1 /**讲对象转换为url参数形式 2 * @property {Object} param 将要转换为URL参数的字符串对象 3 * @property {String} key URL 参数字符串的前缀 4 * @pro...

签名:实现参数字典排序,然后拼接为url参数形式

在很多地方请求参数需要做处理例如: 步骤 1.参数字典排序。 2.拼接字符。 /// <summary> ///生成签名 /// </summary> /// <param name="paramlst">参数列表</param>...

函数中参数传递的5种方式

1、必须参数(位置参数)      必需参数:先用形式参数定义,然后在调用时对应位置使用实参(具体的数值)调用,定义的形式参数和调用的实际参数必需一一对应(顺序、数量)。       def sum(a, b):           return a + b       sum(5, 6) 2、关键字参数      关键字参数:先使用形式参数定义,然后调用...

[php]laravel框架容器管理的一些要点

本文面向php语言的laravel框架的用户,介绍一些laravel框架里面容器管理方面的使用要点。文章很长,但是内容应该很有用,希望有需要的朋友能看到。php经验有限,不到位的地方,欢迎帮忙指正。 1. laravel容器基本认识 laravel框架是有一个容器框架,框架应用程序的实例就是一个超大的容器,这个实例在bootstrap/app.php内进行...