使用axios的几种post请求

原文链接: https://segmentfault.com/a/1190000015261229?utm_source=tag-newest

这篇文章是最近使用vue时,改变了content-type之后发送post请求遇坑,解决之后觉得下面的这篇文章总结的简单名了,先记录一下,原地址在最下面~
遇到的坑过两天再写~哈哈哈哈,总是给自己挖坑,我也是厉害了,果然是个写bug小能手

1、Content-Type: application/json

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

使用axios的几种post请求_第1张图片

2、Content-Type: multipart/form-data

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

使用axios的几种post请求_第2张图片

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);            
	})

使用axios的几种post请求_第3张图片

感谢大牛的总结~
https://segmentfault.com/a/1190000015261229?utm_source=tag-newest

你可能感兴趣的:(axios,vue)