axios中post传参

**
一般小型项目直接通过cdn引用vue.js,使用axios时，需要配合qs使用
CDN引入：
Axios :

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

Qs：

<script src="https://cdn.bootcss.com/qs/6.5.1/qs.min.js"></script>

1.后台接收参数为@RequestBody时

getuser: function() {
		this.user.useruid = '111';
		this.user.password = '123456';
	
		var self = this;
		/*使用JSON.parse将对象格式化为json形式*/
		var userdata = JSON.parse(JSON.stringify(self.user));
		axios.post('http://localhost:18094/login/getUseraxios', userdata)
			.then(function(response) {
				console.log(response);
			})
			.catch(function(error) {
				console.log(error);
			});
	},
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

**

2.后台接收参数是其他形式时

1. 使用 new URLSearchParams() 方法，部分浏览器可能不支持

    postparams: function() {			
    	var param = new URLSearchParams();
    	param.append('userid','111');
    	param.append('password','123456');
    	axios.post('http://localhost:18094/login/getUser',param)
    		.then(function(response) {
    			console.log(response);
    		})
    		.catch(function(error) {
    			console.log(error);
    		});
    },
1
2
3
4
5
6
7
8
9
10
11
12

2. 使用qs

postparams: function() {				
    	axios.post('http://localhost:18094/login/getUser',Qs.stringify({
    		'userid':'111',
    		'password':'123456'
    	}))
    		.then(function(response) {
    			console.log(response);
    		})
    		.catch(function(error) {
    			console.log(error);
    		});
    },
1
2
3
4
5
6
7
8
9
10
11
12