zoukankan      html  css  js  c++  java
  • vue axios get请求参数为json对象 而非字符串形式

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

         post请求方式则可以实现,

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

    再复习下Axios

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

    安装axios

    npm install axios --save

    安装成功

     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'

     

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

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

    具体可以再学习AI文档

    
    
    
    
    
  • 相关阅读:
    页面实现文件的下载
    微信小程序拉起登录的操作
    css3之border-radius理解
    web前端常用网站--更新中
    小程序中遇见文件过大的话就需要分包
    JS中的“&&”与“&”和“||”“|”有什么区别?
    ts中有时莫名报错
    浏览器解析JavaScript的原理
    在vue中axios的问题
    eslint的规则
  • 原文地址:https://www.cnblogs.com/dudu123/p/10284503.html
Copyright © 2011-2022 走看看