vue項目中請求頭為applicationx-www-form-urlencoded的參數傳遞

當請求接口的請求頭如下圖所示時，

前端在傳參時需要先新建一個URLSearchParams對象，然后將參數append到這個對象中

 

const params = new URLSearchParams();
params.append('programId', row.programId)

 

然后再將該對象傳遞到接口參數

 program_submit(params).then(res => {
        if (res.data.code == '0') {
          that.$openMessage('提交成功', 'success');
          this.getAllprogram();
        } else {
          that.$openMessage(res.data.msg, 'error');
        }
      }).catch(e => {
        that.$openMessage(e, 'error');
      })
    },

對應的axios的接口如下，需要加個headers

export function program_submit(params) {
return axios.put(servers + '/program/submit', params, {
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
});
}

 補充：

一般get，delete請求，param要加大括號{ }，而put和post則不用加