Почему меня редиректит?

Question

[Zhalgas Saparov]

На странице "Мои данные" при перезагрузке страницы редиректит меня на главную страницу. Этот код писал до меня прогер и мне нужно пофиксить этот баг, чтобы при перезагрузке он не редиректил меня

Оставлю код от страницы в

Comments

[Павел Диденко]

Удали секретный ключ из кода

[Дмитрий]

Автор кода знает про стрелочные функции, но не знает про mapGetters, странно как-то

[Zhalgas Saparov]

Павел Диденко, Я понял ошибку, прогер пытался скрыть не работающий код редиректом, я смог убрать редирект, но теперь он крашается. Найс)

[Павел Диденко]

Zhalgas Saparov, это здорово, но удали ключ из песочницы

[Zhalgas Saparov]

Павел Диденко, Я удалил страницу, и решил переписать вместо того чтобы фиксить всю эту дичь.
Но хотелось бы узнать почему nuxt выдает ошибку в этом коде.
Я вытаскиваю state из vuex с помощью computed и отображаю с помощью v-model, все работает до тех пор пока я не перезагружаю страницу.
Вот код:

<template>
  <div class="container cabinet_main">
    <div class="main">
      <div class="title">Мои данные</div>
      <div class="save_button">
        <button @click="save()" :disabled="loading" style="display: flex; align-items: center">
          <b-spinner
            small
            style="margin-right: 0.5em; border-radius: 50% !important"
            v-if="loading"
            :disabled="loading"
          ></b-spinner>Сохранить
        </button>
      </div>
      <div class="cabinet_block">
        <div class="cabinet_group">
          <b-form-text style="font-size: 0.4em; color: #064482 !important">Фото пользователя</b-form-text>
          <div class="image-uploader">
            <span class="image-uploader-text">Нажмите сюда, чтобы добавить фото</span>
            <input type="file" />
            <img />
          </div>
        </div>
        <div class="cabinet_group">
          <b-form-text style="font-size: 0.4em; color: #064482 !important">Имя</b-form-text>
          <b-form-input class="cabinet_input" v-model="user.first_name"></b-form-input>
        </div>
        <div class="cabinet_group">
          <b-form-text style="font-size: 0.4em; color: #064482 !important">Фамилия</b-form-text>
          <b-form-input class="cabinet_input" v-model="user.last_name"></b-form-input>
        </div>
        <div class="cabinet_group">
          <b-form-text style="font-size: 0.4em; color: #064482 !important">Имя пользователя</b-form-text>
          <b-form-input class="cabinet_input" v-model="user.username"></b-form-input>
        </div>
        <div class="cabinet_group">
          <b-form-text
            style="font-size: 0.4em; color: #064482 !important"
          >Электронная почта (E-mail)</b-form-text>
          <b-form-input class="cabinet_input" type="email" v-model="user.email"></b-form-input>
        </div>
        <div class="cabinet_group">
          <b-form-text style="font-size: 0.4em; color: #064482 !important">Номер телефона</b-form-text>
          <b-form-input class="cabinet_input" type="tel" v-model="user.profile.phone"></b-form-input>
        </div>
        <div class="cabinet_group">
          <b-form-text style="font-size: 0.4em; color: #064482 !important">Пароль</b-form-text>
          <b-form-input
            class="cabinet_input"
            type="password"
            placeholder="Изменить"
            ref="changePassword"
          ></b-form-input>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      user2: [],

      loading: false,
      show: false
    };
  },

  computed: {
    user() {
      return this.$store.state.user;
    }
  },

  methods: {
    // async save() {
    //   this.loading = true;
    //   let form = new FormData();
    //   let payload = {
    //     id: this.user.id,
    //     first_name: this.user.names,
    //     last_name: this.user.names,
    //     username: this.user.username,
    //     email: this.user.email,
    //     photo: this.user.profile.photo
    //   };
    //   console.log(payload);
    //   //   if (typeof payload.photo == "string") delete payload.photo;
    //   //   for (let key in payload) {
    //   //     if (!payload[key]) {
    //   //       delete payload[key];
    //   //     } else {
    //   //       if (key != "id") form.append(key, payload[key]);
    //   //     }
    //   //   }
    //   //   try {
    //   //     await this.$store.dispatch("updateUser", { form, id: payload.id });
    //   //     this.$store.commit("setSuccess", {
    //   //       show: true,
    //   //       message: "Изменения прошли успешно"
    //   //     });
    //   //     this.loading = false;
    //   //   } catch (error) {
    //   //     console.log(error.response);
    //   //     this.loading = false;
    //   //   }
    // }
  }
};
</script>

Ошибка при перезагрузке