laravel(带有vue和vuex)覆盖sendResetLinkEmail,但可以';t将数据传递给api控制器
我正在使用laravel(使用vue和vuex)在我的web应用程序上创建忘记密码。我找到了一个很好的教程()。我尝试在本教程中应用vuex,但它不起作用 根据教程 我创建的Vuex操作 处理laravel(带有vue和vuex)覆盖sendResetLinkEmail,但可以';t将数据传递给api控制器,laravel,vue.js,vuex,Laravel,Vue.js,Vuex,我正在使用laravel(使用vue和vuex)在我的web应用程序上创建忘记密码。我找到了一个很好的教程()。我尝试在本教程中应用vuex,但它不起作用 根据教程 我创建的Vuex操作 处理 当我输入发送密码重置链接的电子邮件地址时,会显示错误并显示: 消息:给定的数据无效 电子邮件:电子邮件字段是必需的 我使用postman测试了API,它可以正常工作 我检查输入字段是否为空,但结果显示输入字段不是空的 有没有办法在本教程中应用vuex?谢谢你在《邮递员》中把email字段作为参数,而不
当我输入发送密码重置链接的电子邮件地址时,会显示错误并显示: 消息:给定的数据无效 电子邮件:电子邮件字段是必需的 我使用postman测试了API,它可以正常工作 我检查输入字段是否为空,但结果显示输入字段不是空的
有没有办法在本教程中应用vuex?谢谢你在《邮递员》中把
email
字段作为参数,而不是作为序列化数据放在正文中。vue资源包的post
方法将传递给它的数据设置为主体,而不是URL参数。将电子邮件添加到请求参数中,或者在API中,确保从请求正文而不是URL参数中获取数据。前端代码看起来不错,这取决于Laravel服务器处理请求的方式。您是否将其作为控制器中的POST
请求处理?这是POST,先生
<script>
export default {
data() {
return {
email: null,
has_error: false
}
},
methods: {
requestResetPassword() {
this.$http.post("/reset-password", {email: this.email}).then(result => {
this.response = result.data;
console.log(result.data);
}, error => {
console.error(error);
});
}
}
}
</script>
methods: {
...mapActions(["requestResetPassword"]),
request() {
this.requestResetPassword({
email: this.email
})
.then(response => {
toast.fire({
type: "success",
title: "Password reset email sent"
});
this.$router.push({ name: "home" });
})
.catch(error => {
console.error(error);
});
});
}
requestResetPassword(data){
return new Promise((resolve,reject) => {
axios.post('/reset-password',{
email: data.email
})
.then(response =>{
resolve(response)
})
.catch(error =>{
reject(error)
})
})
}
public function sendPasswordResetLink(Request $request)
{
return $this->sendResetLinkEmail($request);
}