axios POST提交数据的三种请求方式写法
常用的三种header中的三种content-type如下
1、Content-Type: application/json
2、Content-Type: multipart/form-data
3、Content-Type: application/x-www-form-urlencoded
项目中第二次遇到需要独立设置header中的content-type,故查阅而记之
1、Content-Type: application/json
1 2 3 4 5 6 | import axios from 'axios' let data = { "code" : "1234" , "name" : "yyyy" }; axios.post(`${ this .$url}/test/testRequest`,data) .then(res=>{ console.log( 'res=>' ,res); }) |
2、Content-Type: multipart/form-data
1 2 3 4 5 6 7 8 | import axios from 'axios' 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
1 2 3 4 5 6 7 8 9 | 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); }) |
axios修改content-type
1 2 3 4 5 | axios.post(url, params , { headers: { 'Content-type' : 'application/x-www-form-urlencoded' } }) |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步