封装的接口
export const loginAPI = ({mobile,code})=>axios({
url:" /v1_0/authorizations",
method:"POST",
data:{
mobile,
code,
}
})
```bash
<template>
<div>
<van-nav-bar title="登录" left-text="返回" right-text="注册" />
<div>
<!-- @自定义事件 -->
<!-- :动态属性 -->
<van-form @submit="onSubmit">
<van-field
v-model="user.mobile"
name="mobile"
required
label="手机号"
placeholder="请输入11位手机号"
:rules="[{ required: true, message: '请填写正确的手机号',pattern:/^1[3-9]\d{9}$/ }]"
/>
<van-field
v-model="user.code"
type="password"
name="code"
required
label="密码"
placeholder="请输入6位密码"
:rules="[{ required: true, message: '请填写正确的密码',pattern:/^\d{6}$/}]"
/>
<div style="margin: 16px">
<van-button round block type="info" native-type="submit"
>登录</van-button
>
</div>
</van-form>
</div>
</div>
</template>
<script>
import {loginAPI} from '../../api/index'
export default {
data() {
return {
user:{
mobile:'',//手机号
code:'',//密码
}
};
},
methods: {
onSubmit(values) {
console.log("submit", values);
// 调用接口
const res = loginAPI(this.user)
console.log(res)
},
},
};
</script>
<style scoped lang="less"></style>
```
封装的不应该是这样吗
export const loginAPI = (data)=>axios({
url:"/v1_0/authorizations",
method:"POST",
data:data
})
删了也没有出现,重启也没有出现,后台也不报错
看看你的url地址对不对