vue axios 使用表单形式进行数据提交
axios 默认使用的是json字符串形式去提交数据,但后端极力要求使用表单形式提交数据(说是json字符串还需要转,会消耗性能)。 由于需要使用表单的数据形式,在前端的项目里面,则需要对数据进行转换,使之成为后端能够接收的表单数据。 为了方便对请求进行控制,我将axios进行了封装,方便请求(响应)的拦截,这里就只贴部分代码。 首先...
·
axios 默认使用的是json字符串形式去提交数据,但后端极力要求使用表单形式提交数据(说是json字符串还需要转,会消耗性能)。
由于需要使用表单的数据形式,在前端的项目里面,则需要对数据进行转换,使之成为后端能够接收的表单数据。
为了方便对请求进行控制,我将axios进行了封装,方便请求(响应)的拦截,这里就只贴部分代码。
首先要修改请求头的'Content-Type' ,在axios的配置里面的,将header的 'Content-Type' 改为 'application/x-www-form-urlencoded; charset=UTF-8'。
其次,我们需要安装一个qs插件,用来将请求数据转换成表单形式。官网有推荐使用qs这个插件
axios的配置中有一个transformRequest,它可以对数据提交前进行数据修改,官网的文档如下:
我们可以在这个里面对提交前数据进行修改操作。我是在这里使用qs将数据表单化的,具体的代码如下:
至此,则数据提交就变成表单形式了
更多推荐
已为社区贡献9条内容
所有评论(0)