Почему слетает авторизация?

Question

[Максим]

Подскажите, поставил прокси

axios: {
    proxy: true,
    debug: false,
    browserBaseURL: '/api',
  },

  proxy: {
    '/api': {
      target: process.env.API_URL,
    },
  },

и при обновлении страницы, слетает авторизация и перекидывает на страницу логина, при повторном логине, ничего не происходит, но данные вытаскивает из api?

Была ли у кого такая проблема? auth-next v5

auth: {
    cookie: false,
    strategies: {
      'laravelJwt': {
        provider: 'laravel/jwt',
        url: '/v1',
        redirect: {
          login: '/login',
          logout: '/login',
          callback: '/',
          home: '/',
        },
        endpoints: {
          login: {
            url: '/auth/login',
            method: 'post',
            propertyName: 'token',
          },
          logout: { url: '/auth/logout', method: 'post' },
          refresh: { url: '/auth/refresh', method: 'post' },
          user: { url: '/auth/me', method: 'post' },
        },
        token: {
          property: 'access_token',
          maxAge: 60 * 60,
        },
        refreshToken: {
          maxAge: 20160 * 60,
        },
      },
    },
  },

и переодически выскакивает

HPM] Error occurred while proxying request 127.0.0.1:3080/api/v1/auth/me to https://site.ru/ [ECONNRESET] (https://nodejs.org/api/errors.html#errors_common_system_errors)

доступ к api у меня https://site.ru/api

Answer 1

[Дмитрий Кузнецов]

Проблема, вероятней всего, не в API, а в состояниях. Т.е. вы не сохраняете состояние мол пользователь авторизовался. Соответственно пользователь, после обновления страницы, очищается.

Comments

[Максим]

а разве после логина он не сохраняет сам?

methods: {
    async login() {
      try {
        await this.$auth.loginWith('laravelJwt', {
          data: {
            email: this.form.email,
            password: this.form.password,
          },
        })
      } catch (error) {
        console.log(error)
      }
    },
  },

[Максим]

еще proxy выкидывает такую штуку

[Дима Долготер]

Максим, c nuxt не работал, но при авторизации нужно сохранять id юзера или еще что и потом уже брать инфу о юзере исходя из данных в этой переменной. проще всего в Loacal storage сохранять. но обычно в куки браузера сохраняют

[Дмитрий Кузнецов]

Максим, он сохраняет только на сервере, но не на клиенте. Как правильно подметил Дима Долготер - нужно сохранять некие данные для дальнейшей идентификации пользователя.

[Максим]

Дима Долготер, сейчас в localStorage и идет сохранение, но почему-то сбрасывает при перезагрузке, вернее висит что авторизован, но никуда не пускает по страницам

[Дима Долготер]

Максим, так в проверке обращайся к переменной и проверяй она null или undefined или в ней что-то есть. если есть то выведи что и если уже выводится, то проверяй может ли пользователь войти.

также там может быть обьект который сохранили используя JSON.stringify надо использовать JSON.parse чтоб перекодировать его обратно в обьект