Witam, czy taki sposób logowania jest poprawny?
login.js
const state = {
logged: false
}
const getters = {
logged: state => {
return state.logged
}
}
const actions = {
login({commit}, credential) {
axios.post('login', credential)
.then(result => {
localStorage.setItem('token', result.data.access_token)
commit('LOGGED')
})
}
}
const mutations = {
LOGGED(state) {
state.logged = true
}
}
export default {
state,
getters,
actions,
mutations
}
Login.vue
import {mapGetters} from 'vuex'
export default {
data() {
return {
credential: {
email: '',
password: ''
}
}
},
computed: {
...mapGetters({
logged: 'logged',
})
},
methods: {
login(){
this.$store.dispatch('login', this.credential)
}
}
}
Wykorzystanie vuex i jwt. Po zalogowaniu token zapisywany jest do Local Storage