vue项目中form data形式传参

深碍√TFBOYSˉ_ 2022-11-30 12:33 136阅读 0赞

vue项目中form data形式传参，需要在headers中添加如下代码

headers: {
                 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
             }

接口请求如下：

export function subFaq (params) {
        return request({
            url: `/jxxx/pub/iface/speech/`,
            method: 'PUT',
            data:qs.stringify(params),
             headers: {
                 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
             }
        })
    }

如下图，在Form Data的中形式下，需要使用qs.stringify(params) ,params是一个对象  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center]

如下图，在Form Data的中形式下，直接传的是对象  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/9a075cec3a5b40a5a1801e1c8b654ff6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/ee5fe5abbe834b8f9b5d371fe540b79b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，136人围观）

还没有评论，来说两句吧...

相关阅读

相关 spring boot实现postman中form-data传参方式

项目场景： `开发中遇到对接需求时候，被要求用post请求传form-data数据的时候一脸懵逼，在postman中可以调用，但是程序中怎么调用呢。` --------

傷城~/ 2023年10月04日 19:38/ 0 赞/ 22 阅读

相关 vue项目中form data形式传参

vue项目中form data形式传参，需要在headers中添加如下代码 headers: { 'Content-Type': '

深碍√TFBOYSˉ_/ 2022年11月30日 12:33/ 0 赞/ 137 阅读

相关 vue-axios传参

get请求,参数是对象 getHospList (page, limit, searchObj) { return request({

叁歲伎倆/ 2022年09月15日 12:44/ 0 赞/ 204 阅读

相关 HttpClient以form-data形式发送请求

import org.apache.commons.lang3.StringUtils; import org.apache.http.HttpEntity;

忘是亡心i/ 2022年09月06日 01:18/ 0 赞/ 231 阅读

相关 vue组建传参

一、父子组件传参 vm.$emit( event, arg ) //触发当前实例上的事件【子传父】借助一个中转的父组件自定义函数，在子组件中利用 $emit 触发父组

亦凉/ 2021年12月10日 16:35/ 0 赞/ 401 阅读

相关 vue computed 传参

<div class="status"> { { status(info.status) }} </div> compu

末蓝、/ 2021年11月05日 15:02/ 0 赞/ 350 阅读

相关 vue传参之params传参query传参

vue编程式导航，在这里我们必须要明白一个知识点，就是params和query传参的用法。 params传参，路径不能使用path，只能使用name，不然取

我就是我/ 2021年09月16日 02:42/ 0 赞/ 663 阅读

相关 vue axios POST请求中参数以form data和request payload形式的原因

HTTP请求中，如果是get请求，那么表单参数以name=value&name1=value1的形式附到url的后面，如果是post请求，那么表单参数是在请求体中，也是以nam

朴灿烈づ我的快乐病毒、/ 2021年09月14日 06:06/ 0 赞/ 663 阅读

相关 Vue路由传参的3种形式

Vue路由传参的3种形式在列表向详情页面跳转，而后在详情页面查看列表的详情信息，此时设计路由传参，vue中有3种传参形式，介绍如下： <div cla

分手后的思念是犯贱/ 2021年08月02日 13:32/ 0 赞/ 386 阅读

相关 vue-router传参

1.vue-router传参 extraButtons: [ { type: "success", text: "查看"

╰+哭是因爲堅強的太久メ/ 2021年07月25日 22:25/ 0 赞/ 444 阅读