axios post方式同时传递pram和json参数

143 阅读1分钟

废话不多说,直接上代码

1.单独传递表单参数,后台使用@RequestParam接收

	        let postData={
						'mobile':this.account,
						'password':this.password,
						'loginType': 0,
			}
		    let postData1= new URLSearchParams()
			postData.append('mobile',  this.account)
			postData.append('password',  this.password)
			postData.append('loginType',  0)

1.axios({
				  method: 'post',
					url:`${config.postUrl}/user/login`,
					data: qs.stringify(postData)
				})
2.axios({
				  method: 'post',
					url:`${config.postUrl}/user/login?mobile=${this.account}&password=${this.password}&loginType=0`,
				})
3.axios({
				  method: 'post',
					url:`${config.postUrl}/user/login`,
					data: postData1
				})

2.单独传递json参数,后台使用@RequestBody接收参数

let postData={
						'mobile':this.account,
						'password':this.password,
						'loginType': 0,
			}



			
 axios({
				  method: 'post',
					url:`${config.postUrl}/user/login`,
					data: postData
				})

3.同时传递json与param

let postData={
						'mobile':this.account,
						'password':this.password,
						'loginType': 0,
			}
let datas={
				'model':'web'
			}
			
 axios({
				  method: 'post',
					url:`${config.postUrl}/user/login?mobile=${this.account}&password=${this.password}&loginType=0`,
					data: datas
				})