axios.post发送请求，axios发送post请求， 携带参数传递给接口

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 此对象包含了键/值对的所有值。

 

关注我 持续更新前端知识