qs工具

354 阅读1分钟

用途

axios处理请求体的原则会根据请求数据的格式来定:

  • 如果请求体是对象:会转为JSON发送
  • 如果请求体是String:会作为普通表单请求发送,但是需要我们自己保证String格式是键值对;例如:“name:igo&age=1"

下载

npm install qs --save

"dependencies": {
    "axios": "^0.18.0",
    "echarts": "^4.1.0",
    "element-ui": "^2.3.2",
    "iview": "^2.11.0",
    "qs": "^6.9.3",
    "vue": "^2.5.2",
    "vue-quill-editor": "^3.0.5",
    "vue-router": "^3.0.1",
    "vuetify": "^1.0.11"
  }

引用

// main.js
import qs from 'qs'
Vue.prototype.$qs = qs;

使用

this.$http({
        method: this.isEdit ? 'put' : 'post',
        url: '/item/brand',
        data: this.$qs.stringify(params)
      }).then(() => {
        // 关闭窗口
        this.$emit("close");
        this.$message.success("保存成功!");
      })
        .catch(() => {
          this.$message.error("保存失败!");
        });
    }
  },

data: this.$qs.stringify(params)

返回结果:\

name=Dior&image=&cids=471&letter=D

阅读原文