Как перезаписать данные в state, на те что приходят с backend?

Question

[venom99]

Данные с сервера приходят в формате JSON. Изначально в state пустые значения, и я не понимаю как перезаписать их на те что приходят с сервера. Сейчас данные с сервера просто добавляются в state, вместо того чтобы перезаписывать старые значения.
P.S. Для наглядности вывел то что получается на экран

index.js

import index, {createStore} from "vuex";
import axios from "axios";
import router from "@/router/router";

export default createStore({
    state: () => ({
        data: {

                id: 0,
                username: "",
                password: "",
                status: 0,

        },
}),
    getters: {
        new_username(state) {
            return state
        },
    },
    mutations: {
        setlogin(state,username) {
            state.username = username;
        },
        setpassword(state, password){
             state.password = password;
        },

    },
    actions: {
        async login() {
            try {
                const {id, username, password, status} = this.state;
                const {data} = await axios.post('http://127.0.0.1:5000/login', {
                    id,
                    username,
                    password,
                    status
                })
                const mydata = (JSON.parse(data))
                if (mydata[3] === 1) {

                    return router.push('/main')
                }
                if (mydata[3] === 2) {
                    return router.push('/teacher')
                }
            } catch (e) {
                return alert('Неверный логин или пароль');
            }
        }

    },
})

Comments

[WapSter]

Задействовать мутации в action и через payload передавать значения

Answer 1

[Alex]

Вы в мутации изменяете рутовый объект. То есть вы написали что-то в таком духе

const state = {data: {user: ''}}
state.user = '...' // <-- Изменяете не то поле

Вам нужно изменять подъобект data

const state = {data: {user: ''}}
state.data.user = '...' // <--

Comments

[Aetae]

+Чтоб такого не было, лучше поделить vuex на модули, а не работать с одним большим деревом.

[venom99]

Я конечно понимаю, что у меня всё криво сделано) просто я JS только осваиваю вместе с vue и момент в плане обращения к подобъекту я понял, но я не понимаю как мне нужно обращаться к мутациям из action.

[Alex]

venom99, https://vuex.vuejs.org/ru/guide/actions.html

[venom99]

Alex, Понял, спасибо)