vue中axios的post請求使用form表單格式發送數據

 

vue使用插件qs實現 （qs 是一個增加了一些安全性的查詢字符串解析和序列化字符串的庫。）

在jquery中的ajax的方法已將此封裝，所以不需要再次序列化

1. 安裝   在項目中使用命令行工具輸入：npm install qs

2.引入    安裝完成后在需要用到的組件中：import qs from 'qs’

3.使用    qs.parse(data)和qs.stringify(data)

qs.parse()是將URL解析成對象的形式
qs.stringify()是將對象 序列化成URL的形式，以&進行拼接

          this.$axios({
            method: 'post',
            url: '/api/updateOrderStatus', // 路徑
            data: {
               name: sloanLv,
　　　　　　　　　pwd: 123456
            }, 
            transformRequest: [function (data) {
              let ret = '';
              ret = Qs.stringify(data);
　　　　　　　　// 注釋方法是不使用插件
              // for (let it in data) {
              //   // ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&';
              //   ret += it + '=' + data[it] + '&';
              // }
              return ret;
            }],
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded'
            }
          }).then((res) => {
            console.log(res);
          }).catch((err) => {
            console.log(err);
          });