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

Love The Way You Lie 2021-12-20 05:09 439阅读 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 条评论，439人围观）

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

相关阅读

相关 vue + axios + promise：进行接口请求。post请求提交数据的三种方式

axios GET请求前端  axios.get('/edit.do'

我不是女神ヾ/ 2024年03月16日 09:26/ 0 赞/ 38 阅读

相关 axios——post提交

<script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script t

小灰灰/ 2023年10月06日 16:28/ 0 赞/ 30 阅读

相关 Vue---axios-get/post请求

注：以下的 $axios 是将 axios 挂到了Vue的原型链上，这样页面可直接使用 $axios ，而不需要在页面导入axios。 Get请求方式一(不常用)：

淩亂°似流年/ 2023年07月21日 06:08/ 0 赞/ 31 阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 vue+axios post请求

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

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

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

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

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

相关 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 赞/ 440 阅读