vue开发入门篇（二）-axios POST提交数据的三种请求方式写法

Love The Way You Lie 2021-12-20 05:09 402阅读 0赞

# 1、Content-Type: application/json #

let data = { "code":"1234","name":"yyyy"}; axios.post(`${ this.$url}/test/testRequest`,data) .then(res=>{ console.log('res=>',res); })

![273549-20190614165031474-1252703554.png][]

`2、Content-Type: multipart/form-data`

let data = new FormData(); data.append('code','1234'); data.append('name','yyyy'); axios.post(`${ this.$url}/test/testRequest`,data) .then(res=>{ console.log('res=>',res); })

# 3、Content-Type: application/x-www-form-urlencoded #

import axios from 'axios' import qs from 'Qs' let data = { "code":"1234","name":"yyyy"}; axios.post(`${ this.$url}/test/testRequest`,qs.stringify({ data })) .then(res=>{ console.log('res=>',res); })

![273549-20190614165052106-82054829.png][]

post上传的三种content-type类型详解可以查看：[https://blog.csdn.net/u014209205/article/details/81147783][https_blog.csdn.net_u014209205_article_details_81147783]  
本篇博客转至：[https://segmentfault.com/a/1190000015261229][https_segmentfault.com_a_1190000015261229]

转载于:https://www.cnblogs.com/lichenx/p/11024190.html

[273549-20190614165031474-1252703554.png]: /images/20211220/32f541b3981f45449836d9b3b11e0c56.png
[273549-20190614165052106-82054829.png]: /images/20211220/1fcc83f92e724a54b10f58ee9fa2785d.png
[https_blog.csdn.net_u014209205_article_details_81147783]: https://blog.csdn.net/u014209205/article/details/81147783
[https_segmentfault.com_a_1190000015261229]: https://segmentfault.com/a/1190000015261229

发表评论取消回复

表情：

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

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

相关阅读

相关 vue axios封装两种post请求方式

第一种：项目本来是上传一张pdf或者图片，后来需求变化需要上传多个文件，但是之前上传使用的是转换base64然后传给后端，后端再去转化。这种方式用于多文件的话由于转换b

た入场券/ 2023年01月17日 07:32/ 0 赞/ 461 阅读

相关【Axios】axios的get请求和post请求的写法

axios的get请求和post请求的写法 get请求 1. 一般的get请求写法 (在url上进行拼接参数) this.$axios.

分手后的思念是犯贱/ 2022年12月12日 04:48/ 0 赞/ 202 阅读

相关 [接口测试]POST请求提交数据的三种方式及Postman实现

![\[æ¥å£æµè¯\]POSTè¯·æ±æäº¤æ°æ®çä¸ç§æ¹å¼åPostmanå®ç°][POST_Postman] 1. 什么是POST请求？ PO

客官°小女子只卖身不卖艺/ 2022年09月07日 12:19/ 0 赞/ 239 阅读

相关四种常见的 POST 提交数据方式

[HTTP/1.1 协议][HTTP_1.1]规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONN

蔚落/ 2022年07月17日 03:58/ 0 赞/ 199 阅读

相关 vue 的axios请求数据2种方式很重要

show:function(){ //post 方式 //赋值给变量self //使

系统管理员/ 2022年05月10日 16:12/ 0 赞/ 169 阅读

相关 vue+axios post请求

vue+axios post请求 axios 全局默认配置 axios.defaults.baseURL = 'https://api.example.com';

淩亂°似流年/ 2022年04月10日 13:19/ 0 赞/ 277 阅读

相关 POST 请求的三种常见数据提交格式

本文所讲的 POST 请求是 HTTP/1.1 协议中规定的众多 HTTP 请求方法的其中最常用的一个。一般使用 POST 请求方法向服务器发送数据（主要是一些创建更新操作），

墨蓝/ 2022年01月10日 07:41/ 0 赞/ 387 阅读

相关 vue开发入门篇（二）-axios POST提交数据的三种请求方式写法

1、Content-Type: application/json let data = { "code":"1234","name":"yyyy"}; axios

Love The Way You Lie/ 2021年12月20日 05:09/ 0 赞/ 403 阅读

相关四种常见的 POST 提交数据方式

HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用

喜欢ヅ旅行/ 2021年09月26日 05:14/ 0 赞/ 361 阅读

相关四种常见的 POST 提交数据方式

我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。类似于下面这样：

ゝ一世哀愁。/ 2021年06月24日 14:34/ 0 赞/ 463 阅读