精华内容
下载资源
问答
  • 前言: 很多时候,我们可能需要同时调用多个后台接口,就会高并发的问题,一般解决这个问题方法: axios.all和axios.spread ***注意这里的$get是封装的axios...post.put用data } }) } //方法二: searchs(){ retu
  • axios.post 请求传参老是失败,所传参数变成了From data的key,后面会有一个冒号。如下图: ![图片说明](https://img-ask.csdn.net/upload/201812/21/1545383064_334744.png) 代码如下: var instance = ...
  • !... !... ![post带参方式请求](https://img-ask.csdn.net/upload/201912/21/1576867751_561635.png) !...[post页面显示]...就是这个axios.post不行,网上查了好多还是不可以啊!post带参的无法请求!!!
  • 第一种 var url = "换成你的地址"; var data = {} axios({ url, data: qs.stringify(data), method: 'post', headers: { 'Conte

    vue 中使用axios 发送post 请求需要使用 qs 模块 将参数 转序列化   发送给 后端 否则接口会出现收不到参数的情况

    import qs from "qs"       记得安装下哦  npm i qs -S

    第一种

    var url = "换成你的地址";
    var data = {}
    axios({
                 url,
                  data: qs.stringify(data),
                   method: 'post',
                 headers: {
                      'Content-Type':'application/x-www-form-urlencoded'
                }
            }).then(res => {
                 console.log(res)
       })

    第二种:

    var url = "换成你的地址";
    var data = {}
    axios.post(url, qs.stringify(data), {
                                headers: {
                                    'Content-Type':'application/x-www-form-urlencoded'
                                }
                            }).then(res => {
                                console.log(res);
                            })

    不用qs 也可以 可以用一种原生的方法  

    new URLSearchParams()    进行处理

    URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。

    出来的结果和 qs 转换过一样

    var data = new URLSearchParams() ;

    data.append('time', 11111111);   // 添加数据

    var url = "换成你的地址";
    var data = new URLSearchParams() 
    data.append('time', 15555555);
    axios.post(url, data, {
            headers: {
                  'C':'application/x-www-form-urlencoded'
              }
          }).then(res => {
              console.log(res);
    })

    URLSearchParams.append()

     插入一个指定的键/值对作为新的搜索参数。

    URLSearchParams.delete()

     从搜索参数列表里删除指定的搜索参数及其对应的值。

    URLSearchParams.entries()

     返回一个iterator可以遍历所有键/值对的对象。

    URLSearchParams.get()

     获取指定搜索参数的第一个值。

    URLSearchParams.getAll()

     获取指定搜索参数的所有值,返回是一个数组。

    URLSearchParams.has()

     返回 Boolean 判断是否存在此搜索参数。

    URLSearchParams.keys()

    返回iterator 此对象包含了键/值对的所有键名。

    URLSearchParams.set()

     设置一个搜索参数的新值,假如原来有多个值将删除其他所有的值。

    URLSearchParams.sort()

     按键名排序。

    URLSearchParams.toString()

     返回搜索参数组成的字符串,可直接使用在URL上。

    URLSearchParams.values()

     返回iterator 此对象包含了键/值对的所有值。

     

    关注我 持续更新前端知识  

    展开全文
  • 参考链接:https://jingyan.baidu.com/article/a501d80cb60400ac630f5ed6.html
    展开全文
  • 后端获取不到axios.post提交的参数

    千次阅读 2019-12-30 10:14:37
    后端获取不到axios.post提交的参数 官网示例是这样的: # 方式一:直接传入json对象作为参数 axios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function (response) { ...

    后端获取不到axios.post提交的参数

    官网示例是这样的:

    # 方式一:直接传入json对象作为参数
    axios.post('/user', {
    	firstName: 'Fred',
    	lastName: 'Flintstone'
     })
     .then(function (response) {
    	 console.log(response);
     })
     .catch(function (error) {
    	 console.log(error);
     });
      
      
     # 方式二: 通过属性data指定参数
     axios({
     	method: 'post',
     	url: '/user/12345',
     	data: {
    	   	firstName: 'Fred',
    	   	lastName: 'Flintstone'
     	}
    });
    

    项目中的代码最开始参考官网示例编写诶,实现如下:
    前端实现:

    <script src="js/vuejs-2.5.16.js"></script>
    <script src="js/axios-0.18.0.js"></script>
    
    
    
    <script>
    axios.post('/user', {
        "age": 18,
        "email": "zs@qq.com",
        "name": "张三"
    })
     .then(function (response) {
    	 console.log(response);
     })
     .catch(function (error) {
    	 console.log(error);
     });
    </script>
    

    后端实现:

    request.getParameterMap();
    request.getParameter("email");
    

    部署运行项目后,发现后端这两个方法获取参数都是为null,后端又不想变更,于是前端想着怎么来解决这个问题。

    解决方案:

    首先要明白,axios的默认行为:
    axios 使用 post 发送数据时,默认是直接把 json 放到请求体中提交到后端的。
    所以它是将 Content-Type 改成了 application/json;charset=utf-8,后端获取参数可能拿不到。

    这时候,需要使用到 Qs模块了, 借助Qs模块来序列化前端的json对象,使之成为name=张三&age=18&email=zs@qq.com的形式提交:。

    具体用法:

    Qs.stringify(json对象)
    

    引入Qs.js模块:

    <script src="js/vuejs-2.5.16.js"></script>
    <script src="js/axios-0.18.0.js"></script>
    <!-- 引入Qs模块  -->
    <script src="js/qs.js"></script>
    
    
    
    <script>
    var obj = {"name":"张三", "age":18,"email":"zs@qq.com"};
    var paramStr = Qs.stringify(obj);
    console.log(paramStr);  //  name=张三&age=18&email=zs@qq.com
    
    axios({
        method: 'post',
        url: '/user',
        data: Qs.stringify(obj)
    })
    </script>
    

    重新运行项目,后端通过request.getParameterMap()或者request.getParameter(“参数名”) 都可以获得请求参数了。

    当然,熬得过后端德华,让他们改也是可以的。后端可以直接拿到json传转换成对象也是ok的。

    展开全文
  • axios.post请求获取404

    2019-07-10 18:35:51
    <p>Client side(React/axios.post) failed to post to server side api (Golang/gin) with status code 404. I want to make this post request success. <p>Following curl success to write data in mysql table ...
  • axios.post(url, { data:data }, { headers:{'Content-Type':'application/json'} } ) 结果显示错误,百思不得其解。明明参数和url都正确。 查了一下发现,正确的请求体是这样的: 而我错误的请求...

    一开始我的代码是:

    axios.post(url,

    {

          data:Data

    },

    {

          headers: { 'Content-Type': 'application/json' }

    }

    )

    结果显示错误,百思不得其解。明明参数和url都正确。

    查了一下发现,正确的请求体是这样的:

    而我错误的请求体是这样的: 

    我的前面多了一个 "data" 的key。也就是说,只接收value就行了,不接收key。

    解决方案一:

    不用对象的形式传参,直接传Data

    axios.post(url, Data,

    {

          headers: { 'Content-Type': 'application/json' }

    }

    )

     解决方案二:

    不用axios.post,直接用axios。虽然是key:value的形式,但是接收的就是Data

     axios(url, {

        method: 'POST',

        headers: { 'content-type': 'application/json' },

        data: Data,

      })

    展开全文
  • axios.post简单封装

    千次阅读 2019-07-04 00:05:56
    简单学习了以下axios数据传输,习惯性对请求进行了以下封装,以下为封装好的代码(相关js文件的引入不谈) /** * 账号登陆登陆 * * @param url * 方法名 * @param data * 参数 * @param success * 成功回调...
  • axios.post请求踩过的坑

    2020-04-08 15:55:51
    axios.post请求踩过的坑 今天做一个前后端分离项目 发现了一个问题 前端tag标签向后台传参的时候 发生了一些问题 前端代码如下: 后端代码如下: 我本以为当我前端发出一个数组对象时 后台只要加上RequestBody注解...
  • vue axios.post 多参数传递

    千次阅读 2020-08-19 16:56:04
    axios.post( "path",{param1:this.param1,param2:this.param2}, {headers: {'Content-Type': 'application/json; charset=utf-8'}} ).then(function (res) { console.log(res); }).catch(function (error) {
  • 工具类 public class ServletRequestUtil { private static ObjectMapper om = new ObjectMapper(); public static HashMap<String,Object> getJson(InputStream getInputStream) throws IOException { ...
  • axios.post实现表单形式上传文件

    千次阅读 2020-01-07 14:19:20
    let fd = new FormData() fd.append('file', this.file); fd.append('data',this.data); let config = { headers: { 'Content-Type': 'multipart/form-data' ...axios.post(this.importAndExport...
  • return axios.post(url, obj, { headers: { "Content-Type": "application/json;charset=utf-8" } }); } 注意: 请求的参数是json,而不是拼接成字符串的格式。 并没有使用JSON.stringify()来转换参数。...
  • 如果使用axios.post axios post请求Content-Type默认为 application/x-www-form-urlencoded,我们传递参数的时,params里面的参数(简单的对象,通过 "{}" 或者 "new Object" 创建的)会被以&拼接的方式拼接到...
  • 最近因为工作的原因在学习使用网络请求库,因为这个项目用的是Promise,所以就选择了axios,下面这篇文章主要给大家介绍了关于axios在node.js中的post使用的相关资料,文中介绍的非常详细,需要的朋友可以参考借鉴,...
  • axios 可以看成是另一种ajax,就是负责向后台进行请求和数据传递的组件 一般我们在前台页面请求后台时,如果数据量不大的情况下,get方式请求完全可以实现,如下: var projectid = 1; axios.get('../tplusbranch/...
  • 前端如何使用axios下载文件呢?最近遇到了前端下载音频及文件的功能,记录下,因为通过传统的window.location.href=xxx链接下载不能携带Token参数,后端无法验证请求放行,所以就用了axios。前端下载需要注意的是...
  • const userUploadAtt = (File,config) => axios.post("接口",File,config) 处理数据 let input = this.$refs.upload 创建一个空的FormData对象 let data = new FormData(); 使用FormData.append来添加键/值对到表单...
  • axios.post 状态405 故究其原因 应该nginx解析post请求失败。 后来百度一次次。 axios.post失败,解决方案: 1、将http://localhost:8082改为http://127.0.0.1:8082/avatar (post不能请求根路径) 2、a...
  • 封装axios.js

    2019-07-01 15:43:45
    封装axios.js,带token拦截的,GET和POST都有,还有PUT和DELETE
  • 做了一个demo ,用axios 实现 ajax 异步操作axios.get()正常响应 但是 axios.post() 在运行时发现服务器带到前台的数据为空。在论坛中查询后,找到了几种解决办法 axios 使用 post 发送数据时,默认是直接把 json 放...
  • 此处用对象形式传数据,而官方文档中说明了:默认情况下,会把数据对象转成JSON格式传给服务端,传的数据格式应该是字符串格式 name=zs&amp;gender=男 官方文档:... axios.pos...
  • axios.post用表单方式传给后台

    千次阅读 2018-10-22 15:00:29
    先在main.js中引入axios自带的querystring(不用安装) import querystring from 'querystring' Vue.prototype.$qs = querystring 和原来写的一样。只是吧data变下。看代码 这个东西纠结了好长时间。做这个以...
  • 最新做的一个新项目,使用了vue框架,ajax使用的则是vue官网推荐的axios,因为是小白使用的vue,axios是cdn形式,用axios发送数据时遇到后端接收不到数据的情况。 问题代码截图: 问题代码浏览器请求截图: 2、...
  • 本文实例为大家分享了vue+axios实现post文件下载的具体代码,供大家参考,具体内容如下 功能:点击导出按钮,提交请求,下载excel文件; 这里是axiospost方法。get方法请点击这里=》here  第一步:跟后端童鞋确认...
  • 今天小编就为大家分享一篇解决axios发送post请求返回400状态码的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 目录axios是什么axios特点axios常用语法axios安装axios简单使用默认get请求postputdeleteaxios难点语法axios.create(config) 对axios请求进行二次封装axios的处理链流程 拦截器拦截器简单使用多个拦截器取消请求1....
  • 通常前端通过POST请求向服务器端提交数据格式有4中,分别是”application/x-www-form-urlencoded”格式、” multipart/form-data”格式、”application/json”格式和”text/xml”格式。通常最常见的是”application/...
  • axios.js 调用案例(post带url参数..)

    千次阅读 2020-08-05 09:36:26
    axios.js 调用案例 post 请求发送json数据 “Content-Type”: “application/json...axios.post(`http://localhost:8080/case/array`, { "id": "aaa" }) .then(function (resp) { console.log("response", resp.d

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 51,892
精华内容 20,756
关键字:

axios.post