在使用post进行http请求时有2种参数类型,要根据接口切换不同的参数格式

键值对格式参数一般表现为:username=123&password=123

json格式参数一般表现为:{"username":"123","password":"123"}

以下示例代码为vue代码:

发送键值对参数:

首先npm下载axios和qs(这里是借助qs来进行键值对处理)

npm install axios --save

npm install qs--save
import axios from 'axios';
import qs from "qs";

//post键值对格式
    post(url, data) {
        return axios({
            method: "post",
            url: url,
            data: qs.stringify(data),
            timeout: 30000,
            headers: {
                "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
            },
        })
            .then(response => {
                console.log(response);//状态码处理
            })
            .then(res => {
                console.log(res);//异常处理
            });
    },

发送json参数:

json格式参数不需要qs进行处理,直接传入对象格式的数据

//post json格式
    postJson(url, data) {
        return axios({
            method: "post",
            url: url,
            data: data,
            timeout: 30000,
            headers: {
                "Content-Type": "application/json; charset=UTF-8",
            },
        })
            .then(response => {
                return checkStatus(response);
            })
            .then(res => {
                return checkCode(res);
            });
    },
Logo

前往低代码交流专区

更多推荐