2022.03.17 axios前后端发post请求(非表单数据）

1.后端node.js

import express from 'express';
import bodyParser from 'body-parser';
let app = express()
app.use(bodyParser());

    //这样就可以使用 req.body 来获取 post 传递来的值了
    app.post('/add', async function (req, res) {
      console.log(req.body);
      let addMessage = await EastService.getInstance().addUserData(req.body.username, req.body.password);
      res.send(addMessage);
    });

    // json就是用  app.use(bodyParser.json())
   
    let server = app.listen(ServerCfgService.PORT2, function () {
      var host = server.address().address
      var port = server.address().port
      console.log("url http://127.0.0.1:" + port + "/api/add");
    })

2.前端vue

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

1.
var url = "换成你的地址";
var data = {}
axios({
             url,
              data: qs.stringify(data),
               method: 'post',
            // headers: {
                  //'Content-Type':'application/x-www-form-urlencoded'指定传递的数据为表单类型，一般传递文件会使用form表单，你不希望类型被限定去掉即可。
          //  }
        }).then(res => {
             console.log(res)
   })


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

3.原生的方法 new URLSearchParams()  进行处理
URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。出来的结果和 qs 转换过一样
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);
})

3.URLSearchParams方法

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