vue post请求?报错

<template>
	<div class="login-box">
		<div class='login-main'>
			<div class="login-item">
				<label>用户名：</label>
				<input  type='phone' v-model='phone'/>
			</div>
			<div class="login-item">
				<label>密码：</label>
				<input  type='password' v-model='password'/><br  />
			</div>
			<div class="login-item">
				<button @click.stop='mylogin'>登录</button>
			</div>
		</div>
	</div>
</template>

<script>
export default {
  name: 'Login',
  data () {
    return {
    	phone:"18809234342",
    	password:"d70b44728ad9902aecba32e22fa1f6b6"
    }
  },
  computed:{
  	
  },
  methods:{ 
  	mylogin:function(){
  		this.$http({
  			url:this.$store.state.apiaddress+"/social/login/login",
  			method:"POST",
  			data:{
				"phone":this.phone,
				"password":this.password
			},
			 emulateJSON: true
  		}).then(function(data){
			console.log(data);
			this.$store.state.phone=2;
			this.$store.state.tokenId=2;
		},function(response){
			console.log(response);  				
		});
  	}
  }
}
</script>

<style scoped="scoped">
	.login-box{
		display: flex;
		flex-direction: column;
		align-items: center;
		height:600px;
		justify-content: center;
	}
	.login-main{
		border:solid 1px #eee;
		background:#eee;
		opacity: 0.8;
		height:200px;
		width:300px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.login-item label{
		width:70px;
		text-align: left;
		display:inline-block;
	}
	.login-item{
		padding:10px;
	}
	.input{
		height:35px;
		line-height:35px;
		border:solid 1px #2C3E50;
	}
</style>

请求报错

1. Response
   1. body:{code: 9001, message: "其他异常", exceptionDescription: "Required String parameter 'phone' is not present"}
   2. bodyText:"{"code":9001,"message":"其他异常","exceptionDescription":"Required String parameter 'phone' is not present"}"
   3. headers:Headers {map: {…}}
   4. ok:true
   5. status:200
   6. statusText:""
   7. url:"http://119.29.141.192:8080/api/social/login/login"
   8. data:(...)
   9. __proto__:Object

看样子是说缺少必须参数，但是我这里已经写了