关于序列化与反序列化

async f(dataForm) {
    //
    let url = ...
    //解构赋值,将axios返回的对象中的data取出,重命名为data
    //若dataForm为Object类型,axios会自动执行JSON.stringify()操作,
    const { data : res } = await this.$axios.post(url, dataForm)
}

axios源码:会自动对Object的入参进行转换,转换成json字符串,其实就是执行了一遍JSON.stringify()操作,同时指定content-type为application/json

transformRequest: [function transformRequest(data, headers) {
  // ...
    if (utils.isObject(data)) {
      setContentTypeIfUnset(headers, 'application/json;charset=utf-8');
      return JSON.stringify(data);
    }
    return data;
}]

需要序列化的原因:

对象在存储时存放的是堆空间,在内存中存放的是指针,在后端收到序列化的值,对其进行反序列化.

//nodejs后端配置
//配置解析application/json的内置中间件
//内部实现为bodyParser
app.use(express.json())

如果传入的是application/x-www-form-urlencoded,需要对前端数据进行qs.stringify()处理(qs需要单独install).

const { data : res } = await this.$axios.post(url, this.qs.stringify(dataForm))

后端配置

//配置解析application/x-www-form-urlencoded格式数据的内置中间件
app.use(express.urlencoded({ extended : false }))