axios中param和data方式提交

2022-07-30,,,,

axiosparamdata方式提交

今天在联调的时候遇到一个问题:get请求没能将值传到后台.
我们项目中使用的是element-admin框架,接口什么的都按照正常的流程填写,在api文件下的list.js中抛出一个方法:

export function getList(data) { return request({ url: '/dome/table/list',
    method: 'get',
    data }) } 

然后在使用接口的vue文件中调用方法传值:

<script> import { getList } from '@/api/table' export default { methods:{ fetchData() { getList({page:1,pageNumbe:1}).then(response => { this.list = response.data.items
                this.listLoading = false }) }, } } </script> 

然后发现没有将{page:1,pageNumbe:1}传给后台。

经过查资料才明白,在使用axios发请求的时候,param和data是有区别的。

params是添加到url的请求字符串中的,用于get请求

而data是添加到请求体(body)中的, 用于post请求

所以将api文件的list.js改为:

export function getList(data) { return request({ url: '/dome/table/list',
    method: 'get',
    param:data }) } 

这样就可以正常调接口了

本文地址:https://blog.csdn.net/qq_42507938/article/details/107919138

《axios中param和data方式提交.doc》

下载本文的Word格式文档,以方便收藏与打印。