Как сделать проверку на авторизации для каждой страницы?

lavezzi1, я когда со store работала в нуксте (как и в том примере, что я вам скинула), там файл стора выглядел вот так

import Axios from 'axios'
import restApi from '~/libraries/api.js'


export const state = () => ({
    brend: [],
})


export const actions = {
    fetchBrend (state, {queryParams, id}) {
        restApi.callApi ('brend/', queryParams, id).then((res) => {
            state.commit('setBrend', res.data.data[0])
    })
    },
}

export const mutations = {
    setBrend: (state, data) => {
    state.brend = Object.assign({}, data)
},
}

Через export const. И это. работает. Сейчас проблема именно в localStorage

Как сделать проверку на авторизации для каждой страницы?

lavezzi1, У меня есть API для проверки авторизирован пользователь или нет. И по сути мне осталось как раз таки с помощью инструментов vue сделать проверку. Я https://nuxtjs.org/examples/auth-routes вот нашла тоже. Это очень похоже на то, что вы мне предлагаете, только с middleware

Как сделать проверку на авторизации для каждой страницы?

triggerfinger, я вам хочу сказать, что localStorage прекрасно работает в нуксте. Пока встретилась с проблемами только в сторе

Как сделать проверку на авторизации для каждой страницы?

triggerfinger, ну так я и прошу совета помочь

Как сделать проверку на авторизации для каждой страницы?

lavezzi1, это нужно делать в каком-нибудь store/index.js ?

Как сделать проверку на авторизации для каждой страницы?

lavezzi1,

//store/login.js
const state = {
    token: window.localStorage.getItem('tokenAdmin'),
};

const getters = {
    token(state) {
        return state.token;
    },
};

Как сделать проверку на авторизации для каждой страницы?

lavezzi1, теперь "window is not defined". Может через getCookie? Единственное я не знаю, как в сторе функцию getCookie объявить

Как сделать проверку на авторизации для каждой страницы?

lavezzi1, стор выдает ошибку "localStorage is not defined"

Как сделать проверку на авторизации для каждой страницы?

lavezzi1, а где его прописывать? Я проверку сейчас делаю так

if (!this.getCookie('tokenAdmin'))  {
                    window.location.href = '/login';
                }

Вот только где прописать этот код я не знаю

Как динамически пересчитывать значения данных и отображать их в верстке?

0xD34F, спасибо:) вы как всегда мне помогли:)

Как передать данные между компонентами, если они оба подключены в третьем компоненте?

lavezzi1, а как я могу с помощью props передать из goodGrid (родительского) в CardProduct?

this.items - тут я так понимаю нужные данные лежат в goodGrid

верно

Как передать данные между компонентами, если они оба подключены в третьем компоненте?

lavezzi1, у меня сейчас в InfiniteItems в watch (т.к. нужно следить за изменением данных) есть такая конструкция this.$emit('items', val). Она как раз с помощью @:items="setItems" в goodGrid передает данные и goodGrid обрабатывает их в методе

setItems(res) {
                this.items = res;
            },

А как дальше быть я не знаю

Как передать данные между компонентами, если они оба подключены в третьем компоненте?

lavezzi1, я немного не точно написала, сейчас поправила вопрос. Данные у меня хранятся в<InfiniteItems @:items="setItems" />. Как мне с такой конструкцией компонентов передать их в <CardProduct/> ?

Как пушнуть код, которые был закоммичен не в ту ветку?

Alexander Litvinenko, как именно?

Как сделать универсальный компонент, если при подключении к разным страницами используются разные данные?

Илья Ростопка, я в своем "универсальном" компоненте получаю с API данные и

this.goods = res.data.data;
this.$root.$emit('goods', this.goods);

потом на той странице, где мне надо создаю

data() {
        return {
            items:[],
    },

и

mounted: function () {
        this.$root.$on('goods', goods => {
            this.items = goods
        });
    },

и потом в верстке уже через items отображаю нужное.

Может есть правильнее и лучше способ?

Как с помощью vue js навешать разные классы по событию mouseover на разные элементы?

0xD34F, да) Спасибо:)

Как на vue js сымитировать клик?

0xD34F, хорошо:) Спасибо еще раз большое:)

Как на vue js сымитировать клик?

0xD34F, спасибо вам большое:) Вы как всегда мне помогли:)

Как на vue js сымитировать клик?

0xD34F попробовала сделать @click="getAuth($event)"

<button type="button" class="btn btn-green" @click="getAuth($event)">войти</button>
 <nuxt-link to="/users_area" ref="button"></nuxt-link>

getAuth() {
let $this = $(e.target);
            authParams['email'] = this.singLogin;
            authParams['password'] = this.singPassword;

//axios. запрос
            myObject.callApiPost('auth/login', authParams, '').then((res) => {
                this.newToken = res.data;
                document.cookie = 'token=' + this.newToken.data.token;
                this.notAuth = res.data.error;
                this.$root.$emit('isAuth', this.notAuth);

                if (!this.notAuth) {
                    $this.$refs.button.click();
                    $('.fancybox-close').click();
                }
            }).catch((error) => {
                alert(error)
                this.errorAuth = true
            });
        },

в алерте вылезла другая ошибка

TypeError: Cannot read property 'button' of undefined

Как на vue js сымитировать клик?

0xD34F , вот мой код

<button type="button" class="btn btn-green" @click="getAuth()">войти</button>
 <nuxt-link to="/users_area" ref="button"></nuxt-link>

getAuth() {
            authParams['email'] = this.singLogin;
            authParams['password'] = this.singPassword;

//axios. запрос
            myObject.callApiPost('auth/login', authParams, '').then((res) => {
                this.newToken = res.data;
                document.cookie = 'token=' + this.newToken.data.token;
                this.notAuth = res.data.error;
                this.$root.$emit('isAuth', this.notAuth);

                if (!this.notAuth) {
                    this.$refs.button.click();
                    $('.fancybox-close').click();
                }
            }).catch((error) => {
                alert(error)
                this.errorAuth = true
            });
        },

алерт и ловит ошибку, а в консоли при этом пусто