项目经验积累

一、前后端联调之Form Data与Request Payload

post方法之Form Data  'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',

post(url, params, timeout) {
        let token = Cookie.getJSON("auth") ? Cookie.getJSON("auth") : "";
        let time = timeout ? timeout : 60000;
        return axios({
            method: 'post',
            url: url,
            data: qs.stringify(params),
            timeout: time,
            contentType: false,
            processData: false,
            headers: {
                'X-Requested-With': 'XMLHttpRequest',
                'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                'JSESSIONID': token.accessToken
            }
        }).then(
            (response) => {
                return checkStatus(response)
            }
        ).catch(
            (res) => {
                return checkCode(res)
            }
        )
    },

api.post("/enterpriseApi/toolBuild/getPageList", {
          unitId: this.facilitiesInData.unitId,
          buildId: this.buildId,
          buildName: this.buildName,
          status: this.status,
          pageNo: this.widgetInfo.pageNo,
          pageSize: this.widgetInfo.pageSize
        }).then(res=>{})

　　

 

 

 postJson方法之Request Payload  'Content-Type': 'application/json; charset=UTF-8',

注意这里data: params里的params不能加qs.stringify(params),而直接是params，因为已经是json了，不需要再一次的序列号，否则就是最下面的情况。

 

postJson(url, params, timeout) {
        let token = Cookie.getJSON("auth") ? Cookie.getJSON("auth") : "";
        let time = timeout ? timeout : 60000;
        return axios({
            method: 'post',
            url: url,
            data: params,
            timeout: time,
            contentType: false,
            processData: false,
            headers: {
                'X-Requested-With': 'XMLHttpRequest',
                'Content-Type': 'application/json; charset=UTF-8',
                'JSESSIONID': token.accessToken
            }
        }).then(
            (response) => {
                return checkStatus(response)
            }
        ).catch(
            (res) => {
                return checkCode(res)
            }
        )
    },

that.addDataObj.trialId = that.facilitiesInData.id;
	        that.addDataObj.userId = api.getGlobalVal('userObj').id;
	        that.addDataObj.operatorName = localStorage.getItem("userName");
	        that.addtableData.forEach((item)=>{
	        	item.unitId = this.facilitiesInData.unitId;
	        })
	        that.addDataObj.builds = that.addtableData;

api.postJson("/enterpriseApi/toolBuild/addBatch", that.addDataObj)
          .then(res=>{})

 

 

 

加qs.stringify(params)：