и к нему обращайся как this.$root.loggedIn

запускается но тоже валится с ошибками...

ладно попробую как нить через npm заставить из systemd стартовать

просто ты там же в корешке сделай computed метод loggedIn который будет тебе true/false возращать и тогда ты врятли где-то лишний раз накосячишь

я вот так же скоро у себя сделаю, когда буду от vuex избавляться

У меня вроде норм, но это прост автогенеренный проект

запускается но тоже валится с ошибками...

ну ты хоть ошибки то покажи

У меня вроде норм, но это прост автогенеренный проект

хм... это в корне меняет все

хм... это в корне меняет все

Что меняет?

Что меняет?

то что все должно работать если так запускать

а у меня чет не стартует

хотя через npm все норм

А че пишет? (ни разу nuxt не использовал) )

Как то так...

А че пишет? (ни разу nuxt не использовал) )

Ну то что это должно работать - мы выяснили. Буду причину в других местах искать. Спасибо за помощь.

Это похоже на git bash в винде - если это винда, то мб проблема в винде?)

Это похоже на git bash в винде - если это винда, то мб проблема в винде?)

я тоже уже об этом подумал. Для скорости там тестил. Так то на сервер Ubuntu 16,04

На сервер ноду еще не накатывал потому что не могу понять как лучше ставить через nvm или просто из репы стянуть

sudo apt-gei install node && npm i -g n && n latest

Если я ничего не перепутал

На сервер ноду еще не накатывал потому что не могу понять как лучше ставить через nvm или просто из репы стянуть

А вообще вот https://habrahabr.ru/post/270385/

А можно через watch глобального Vue следить за data компонентов?

До этого в тестовом режиме генерировал странички через nuxt generate и nginx'ом отдавал, но тогда нет серверного рендеринга для динамических маршрутов. Нода нужна.

попробуй node убери. Это ж бинарник

по крайней мере, никсах запускается так :)

попробуй node убери. Это ж бинарник

логично! и работает черт побери)

Вот это поворот

Спасибо

?

Народ, может подскажет кто - мне надо, чтобы пользователь в селекте выбрал иконку (иконки из font-awesome прилетают), но как я понял внутри option-a псевдоэлементы (а именно там рисует font-awesome свои иконки) не рендерятся. Может кто подскажет альтернативный вариант выбора, или же как это сделать с выкидухой)

Selectize например, там можно указать как рендерить элемент

Только он полу-заброшен. Вроде что-то делается, а релиз новый всё не выкатят

Можно впринципе написать свою выкидуху - через input со списком, тогда и автокомплит можно прикрутить (не показывать же все иконки) )

Наверное это будет лучше всего

Спасибо всем уточкам)

Теперь бы еще придумать как все классы иконок оттуда вытащить)

Тебе нужен кастоный селект или чего? vue-multiselect вроде ничего. Там можно свой шаблон для option делать

Тебе нужен кастоный селект или чего? vue-multiselect вроде ничего. Там можно свой шаблон для option делать

Ну я его сам напишу) Так интереснее) Мне сейчас надо придумать как не писать все классы иконок из font-awesome

Ну можно попробовать подгрузить css как текст и регэкспами попарсить его)

Ребят, привет, посоветуйте какой-нибудь стартер для Vue с SSR

nuxt.js

https://nuxtjs.org

Сталкивался кто нибудь с задачей, получения реального IP юзера сидящем на прокси? интересует HTTP_X_FORWARDED_FOR в пайтоне и пыхе, это легко решается, а для JS чего то затык

Сталкивался кто нибудь с задачей, получения реального IP юзера сидящем на прокси? интересует HTTP_X_FORWARDED_FOR в пайтоне и пыхе, это легко решается, а для JS чего то затык

ах вот ты где, я тебя нашел сучара

:В

:В

приблизительно так, чтобы не выебывались

а зачем тебе ip то?

надо будет сейчас про куки почитать, а то мне тут вчера на парах такого рассказали...

а зачем тебе ip то?

я хочу токен JWT усилить

надо будет сейчас про куки почитать, а то мне тут вчера на парах такого рассказали...

кстати, я замутил шикарное решение на стороне клиента для обмена и проверки токена без this.$root.token

кстати, я замутил шикарное решение на стороне клиента для обмена и проверки токена без this.$root.token

да я уже и проблему то забыл

да я уже и проблему то забыл

это нормально, моя же головная боль :В

я тут сегодня полнял, что мне надо будет свою либу переписать - она не удобна в использовании :с

я тут сегодня полнял, что мне надо будет свою либу переписать - она не удобна в использовании :с

у каждого свой секс

и не говори

но мой жестче

хехе

Сталкивался кто нибудь с задачей, получения реального IP юзера сидящем на прокси? интересует HTTP_X_FORWARDED_FOR в пайтоне и пыхе, это легко решается, а для JS чего то затык

Это что, заголовок?

Это что, заголовок?

да

а в чем проблема?

а в чем проблема?

сек

Тебе его на сервере или на клиенте надо получить?

Какой у тебя http клиент?

Какой у тебя http клиент?

все, я решил. СпасибО)

кстати вопрос, вы в основнмо аксиос в качестве http клиента юзаете?

ERROR: S client not available

на клиенте да

на клиенте да

так и не довлеось попробоваться, все вокруг только про него и говорят :D

ничего сверхъественного)

когда после $.ajax первый раз fetch() попробовал - вот это круто было :)))

когда после $.ajax первый раз fetch() попробовал - вот это круто было :)))

все познается в сравнение, надо бы как нибудь попробовать

когда после $.ajax первый раз fetch() попробовал - вот это круто было :)))

fetch только на аксиосе?

Не, он в VanilaJS

Не, он в VanilaJS

а

Yay

Меня заапрувили на HolyJS питер

красаучик я разобрался до конца с JWT, ты был прав. HS дает возможность работать с аксес рефреш, для рефреша все что угодно можно юзать, а RS с паблик приватом, дружит исключительно с полноценными ключами, которые просто нет смысла юзать для аутентификации

Спасибо за комментарий

https://medium.com/@mwq27/vue-js-and-apollo-effb8c86e155

https://medium.com/@mwq27/vue-js-and-apollo-effb8c86e155

у vue-apollo доки бодрее https://github.com/Akryum/vue-apollo

Господа, проблема: export default function (Vue) { Vue.auth={ isAuthenticated:()=>{ return this.getToken()?true:false }, setToken:(token, expiration)=>{ localStorage.setItem('token',token); localStorage.setItem('expiration', expiration) }, getToken:()=>{ var token = localStorage.getItem('token'); var expiration= localStorage.getItem('expiration') if(!token || !expiration){ return null } if(Date.now()>parseInt(expiration)){ this.destroyToken(); return null }else return token; }, destroyToken:()=>{ localStorage.removeItem('token'); localStorage.removeItem('expiration'); } } Object.defineProperties(Vue.prototype,{ $auth:{ get: ()=>{ return Vue.auth } } }) } вызывая извне getToken()?true:false все работает идеально, но если я пытаюсь вызывать isAuth - даже не пробрасывает саму функцию(вопрос скорее по js, но все-таки)

Господа, проблема: export default function (Vue) { Vue.auth={ isAuthenticated:()=>{ return this.getToken()?true:false }, setToken:(token, expiration)=>{ localStorage.setItem('token',token); localStorage.setItem('expiration', expiration) }, getToken:()=>{ var token = localStorage.getItem('token'); var expiration= localStorage.getItem('expiration') if(!token || !expiration){ return null } if(Date.now()>parseInt(expiration)){ this.destroyToken(); return null }else return token; }, destroyToken:()=>{ localStorage.removeItem('token'); localStorage.removeItem('expiration'); } } Object.defineProperties(Vue.prototype,{ $auth:{ get: ()=>{ return Vue.auth } } }) } вызывая извне getToken()?true:false все работает идеально, но если я пытаюсь вызывать isAuth - даже не пробрасывает саму функцию(вопрос скорее по js, но все-таки)

Потому что нужно как плагин сделать? Чтобы устанавливался и добавил свойства в прототип вью

https://ru.vuejs.org/v2/guide/plugins.html

Господа, проблема: export default function (Vue) { Vue.auth={ isAuthenticated:()=>{ return this.getToken()?true:false }, setToken:(token, expiration)=>{ localStorage.setItem('token',token); localStorage.setItem('expiration', expiration) }, getToken:()=>{ var token = localStorage.getItem('token'); var expiration= localStorage.getItem('expiration') if(!token || !expiration){ return null } if(Date.now()>parseInt(expiration)){ this.destroyToken(); return null }else return token; }, destroyToken:()=>{ localStorage.removeItem('token'); localStorage.removeItem('expiration'); } } Object.defineProperties(Vue.prototype,{ $auth:{ get: ()=>{ return Vue.auth } } }) } вызывая извне getToken()?true:false все работает идеально, но если я пытаюсь вызывать isAuth - даже не пробрасывает саму функцию(вопрос скорее по js, но все-таки)

Почему вы так любите большой кусок кода вставлять в сообщения? Почему бы не использовать repl.it, jsbin, jsfiddle?

Почему вы так любите большой кусок кода вставлять в сообщения? Почему бы не использовать repl.it, jsbin, jsfiddle?

некст тайм

https://ru.vuejs.org/v2/guide/plugins.html

спасибо, посмотрю

а кто-нибудь сталкивался с таким поведением, что в методе mounted ссылка на элемент из темплейта типа this.$refs.myDiv возвращает не div, а Vue объект? Т.е. получается в момент вызова mounted темплейт еще не закончил рендериться...

в связи с этим вопрос, в каком методе нужно вызывать this.$refs.myDiv чтобы наверняка получить div? (в Lifecycle-Diagram ответа, к сожалению, не нашел)

в связи с этим вопрос, в каком методе нужно вызывать this.$refs.myDiv чтобы наверняка получить div? (в Lifecycle-Diagram ответа, к сожалению, не нашел)

Просто внутри mount сделай this.$nextTick() а внутри сделай что тебе нужно

а кто-нибудь сталкивался с таким поведением, что в методе mounted ссылка на элемент из темплейта типа this.$refs.myDiv возвращает не div, а Vue объект? Т.е. получается в момент вызова mounted темплейт еще не закончил рендериться...

А ты точно на dom элемент реф повесил, а не на компонент?

А вообще refs заполняется сразу после начального рендера

нашел ошибку) это typescrupt ругался, в тайпингах определено, что $refs возвращает 'Vue | Element | Vue[] | Element[]' а я вешал на iframe и пытался вызвать this.$refs.iframe.contentDocument. Решилось переписыванием последнего на this.$refs.iframe['contentDocument'] ?

заморочки ts) спасибо, за помощь!

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

Что=то в awesome vue не разберусь)