post get 给后端传参数

post

方式一  ： data: params

作为请求体（Request Body）传递：
你已经展示了这种方式，通过data字段直接传递一个对象或数组。这种方式通常用于传递复杂的数据结构。dowmfrom: function (params) { return request({ url: "/admissionInfo/admissionDataDowload", method: "post", data: params, // 直接发送数组作为请求体responseType: 'blob', }); },

方式二 ： params: params

通过URL参数传递：
这种方式适用于传递简单的键值对数据，通常用于GET请求，但在某些情况下POST请求也可能使用这种方式（尽管不推荐，因为它不如请求体安全）。
如果你的request函数支持将参数附加到URL（通常是通过params或query字段），你可以这样修改：dowmfrom: function (params) { return request({ url: "/admissionInfo/admissionDataDowload", method: "post", params: params, // 注意这里使用了params而不是dataresponseType: 'blob', }); 
},

方式三： data: formData

通过表单数据（Form Data）传递：
这种方式常用于需要上传文件或发送大量表单字段的情况。你可以使用FormData对象来构建表单数据。dowmfrom: function (formData) { // 注意这里formData应该是一个FormData对象return request({ url: "/admissionInfo/admissionDataDowload", method: "post", data: formData, headers: {'Content-Type': 'multipart/form-data' // 通常不需要手动设置，因为axios会自动设置},responseType: 'blob', }); 
},

方式四： data: params

通过请求头（Headers）传递：
这种方式不常见，通常用于传递认证令牌或其他元数据。数据本身不会放在请求头中，但可以在请求头中包含一些必要的标识符。dowmfrom: function (token, params) { return request({ url: "/admissionInfo/admissionDataDowload", method: "post", data: params, headers: {'Authorization': 'Bearer ' + token},responseType: 'blob', }); 
},

---

get 

方式一  ：  params: params

   dowmfrom: function (params) { return request({ url: "/admissionInfo/admissionDataDowload", method: "get", params: params,  // 直接发送数组作为请求体responseType: 'blob', }); },

方式二：   const url = constructUrl("/admissionInfo/admissionDataDowload", params);

直接构造URL：
如果你不想依赖客户端库自动处理参数，你可以手动构造完整的URL，包括查询字符串。然后，你可以将这个完整的URL传递给请求函数。function constructUrl(baseUrl, params) {const queryString = new URLSearchParams(params).toString();return `${baseUrl}?${queryString}`;
}dowmfrom: function (params) {const url = constructUrl("/admissionInfo/admissionDataDowload", params);return request({url: url,method: "get",responseType: 'blob',});
},

 方式三：/admissionInfo/admissionDataDowload?param1=${param1}&param2=${param2}`,

传递单个参数：
如果你的GET请求只需要传递一个或少数几个参数，你也可以直接在URL模板字符串中插入这些参数。但是，这种方法在处理多个参数或参数值包含特殊字符时不太方便。dowmfrom: function (param1, param2) {return request({url: `/admissionInfo/admissionDataDowload?param1=${param1}&param2=${param2}`,method: "get",responseType: 'blob',});
},

方式四： params:  { id: id },

   webfielddel: function (id) {return request({url: "tableManage/del",method: "get",params:  { id: id },});},

---

页面使用的方式

方式一：

    dowmfrom: function (params) { return request({ url: "/admissionInfo/admissionDataDowload", method: "post", data: params, // 直接发送数组作为请求体responseType: 'blob', }); },downloadTemplate() {// 将 this.selectList 中的每个项目转换为字符串的数组const dowmids = this.selectList.map(item => item.toString());const dowm = JSON.parse(JSON.stringify(dowmids))// 调用 API 函数并直接传递数组allApi.dowmfrom(dowm).then((res) => {console.log(res, '111');// 根据需要处理响应}).catch(err => {console.error('Error downloading template:', err);});
}因为后端要  ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]   所以我们只传  dowm 就可以

 方式二:

    webfieldinit: function (params) {return request({url: "tableManage/getByOffice",method: "get",params: params,});},refreshList() {this.newtype = JSON.parse(this.value3)const params = {officeId: this.companyDTO,type: this.newtype,};webfield.webfieldinit(params).then((data) => {this.dataList = JSON.parse(data.data.content)}).catch((error) => {console.error('Error fetching data:', error);this.loading = false;});},

方式三：

    webfielddel: function (id) {return request({url: "tableManage/del",method: "get",params:  { id: id },});},webfield.webfielddel(this.ids).then((data) => {console.log(data)}).catch((error) => {console.error('Error fetching data:', error);});//、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、// // 还原数据// restoration() {//     this.loading = true;//     console.log(this.loading, 'loading'); // 修正了拼写错误，从 'loda' 改为 'loading'//     if (this.ids === '' || this.ids === undefined || this.ids === null) {//         console.log('kong ')//         alert('已经还原成最初的原始数据了！');//         this.loading = false; // 如果不需要刷新页面，可以在这里直接设置 loading 为 false//     } else {//         console.log(this.ids, 'konglllll ')//         webfield.webfielddel(this.ids).then((data) => {//             console.log(data)//             this.assignDataToArrays();//             location.reload(true); // 仅在数据删除成功后刷新页面//         }).catch((error) => {//             console.error('Error fetching data:', error);//             this.loading = false; // 请求失败时设置 loading 为 false//         });//     }// }