Я пытаюсь создать форму входа с помощью laravel / vuejs / vuex, но я сталкиваюсь с ошибкой при попытке выполнить действие. В моем компоненте я пытаюсь выполнить действие vuex из модуля, но получаю ошибка неизвестного типа действия: currentUser / loginUser
это loginForm:
<template>
<div>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" v-model="user.email" id="exampleInputEmail1" aria-
describedby="emailHelp">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" v-model="user.password"
id="exampleInputPassword1">
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" @click="login" class="btn btn-primary">Submit</button>
< /div>
</template>
<script>
export default{
data:()=>({
user:{
email:"",
password:""
}
}),
methods: {
login(){
this.$store.dispatch('currentUser/loginUser',this.user);
}
}
}
</script>
и this currentUser. js:
import axios from "axios";
const state ={
user:{
}
};
const getters= {};
const actions = {
loginUser({},user){
axios.post("/login",{
email: user.email,
password: user.password
})
.then(response=>{
console.log(response.data);
})
}
};
const mutations={};
export default{
namespaced:true,
state,
getters,
actions,
mutations
}