
Arlen
02.05.2018
08:33:10
всем привет
такая проблема, был проект, юзался css фреймворк bulma.io, хотел поменять фреймворк на vuikit но стили ни как не принимает, подскажите в какую сторону тыкать и копать

Vlad
02.05.2018
08:37:08
Подключил css , задал классы

Google

Arlen
02.05.2018
08:41:54

Vlad
02.05.2018
09:03:10

Timur
02.05.2018
09:05:57
здравствуйте. пишу авторизацию для пользователей на сайте. на бэке использую lumen. на фронт решил взять nuxt. у меня возник вопрос по реализации ролей и прав доступа пользователей. Хочу написать auth service для всего приложения. Права и роли генерируются на бэке и отправляются на фронт.
1. Мне пришло в голову 2 пути: схранить роли и права пользователя во vuex.
2. Каждый раз при загрузке страницы делать axios запрос и проверять на наличие прав и ролей.
Каким путем пошли бы вы?

Alex
02.05.2018
09:08:10
Все зависит от необходимого уровня паранойи в проекте

Timur
02.05.2018
09:08:27
паранойа максимальная ?
есть ли какая то jwt либа под vue?

Alex
02.05.2018
09:08:43
тогда второй

Timur
02.05.2018
09:08:46
чтобы велосипед с нуля не писать

Oleg
02.05.2018
09:09:11

Alex
02.05.2018
09:09:14
какой велосипед, просто надо хранить токен и отправлять его в заголовках, либа не нужна. Тут зависит от того чем запросы отправлять будете

Timur
02.05.2018
09:09:36
а хотя да

Alex
02.05.2018
09:09:38
есть ли какая либа для spa под vue, что бы велосипед-spa не писать

Google

Alex
02.05.2018
09:09:40
как то так

Timur
02.05.2018
09:09:51
https://github.com/websanova/vue-auth

Alex
02.05.2018
09:10:12
что то рукими все равно придется делать)

Timur
02.05.2018
09:10:21
имел ввиду на подобие этой)

CIL
02.05.2018
09:11:01

Alex
02.05.2018
09:11:12
кстааати да ;)

Timur
02.05.2018
09:11:44
??
всем спасибо)

Богдан
02.05.2018
10:08:35
есть ли какая то jwt либа под vue?
можешь пайлоад выдергивать, а потом уже можно смотреть протух токен или нет
export const parseJwt = token => {
const payload = ( token.match( /(?:\.(.*)\.)/ ) || [ ] )[ 1 ];
try {
return payload && JSON.parse( window.atob( payload ) );
} catch( e ) {
}
};

Timur
02.05.2018
10:09:13
если протух редиректить или обновлять?

Богдан
02.05.2018
10:10:05
смотря какой протух, если аксес то тогда обновлять его, если рефреш, то тогда редериктить на страничку авторизации

Timur
02.05.2018
10:11:26
кусок кода не был бы лишним)

Богдан
02.05.2018
10:11:58
const setToken = ( cookie, token ) => {
if ( token ) {
const expires = new Date( parseJwt( token ).exp * 1000 );
Cookies.set( cookie, token, { expires } );
} else {
Cookies.remove( cookie );
}
};

Timur
02.05.2018
10:14:35
спасибо

ivan
02.05.2018
10:42:07
Подскажите по VueSocketio, подключил в main.js через use, указал куда коннектится, но в компонентах через this.$socket или this.$options.sockets не видит, как можно использовать emit в компонентах?

Евгений (Light4everyone)
02.05.2018
10:43:57

ivan
02.05.2018
10:44:53
в доках я такого не нашел, а на stackoverflow пишут тот вариант что я привел выше

Alexander
02.05.2018
11:41:53
значит криво подключил. смотри опции сокета

Google

ivan
02.05.2018
12:17:39
сложно криво подключить если ты просто копируешь что-то из документации

Sunlive
02.05.2018
12:19:41

Т.А
02.05.2018
13:11:02
не могу получить юзера с помощью команды
this.$store.state.user.profile
хотя vueDevtools показывает его в стэйте

Alexander
02.05.2018
13:17:24
А что геттер возвращает?

Т.А
02.05.2018
13:20:29

Alexander
02.05.2018
13:21:32
Ну так объект пустой, не?

Alex
02.05.2018
13:22:56
Initial state бы посмотреть

Т.А
02.05.2018
13:23:30

Alex
02.05.2018
13:23:55
Ты когда модуль создаёшь для стора, описываешь его начальное состояние
В экспорте модуля потом как state отдаётся

Т.А
02.05.2018
13:24:56
А

Alex
02.05.2018
13:24:57
Это или объект или функция возвращающая объект

Т.А
02.05.2018
13:25:01
вот
const state = { status: '', profile: {} };

Alex
02.05.2018
13:25:24
Ну пустой объект
Тебе геттер тоже и показывает

Т.А
02.05.2018
13:25:52
а как тогда решить проблему?

Google

Alex
02.05.2018
13:26:05
А данные ты точно получаешь ?
Дебажь код
По шагам

Admin
ERROR: S client not available

Alex
02.05.2018
13:26:26
Запрос - получение данных - мутация итд

Т.А
02.05.2018
13:26:45

Alex
02.05.2018
13:27:27
Ну и к слову не камильфо вложенность держать
Для модели юзера можно отдельный модуль
И там все поля его уже описать
Старайся все в плоском виде хранить

Т.А
02.05.2018
13:28:28

Alex
02.05.2018
13:29:06
User -> profile -> свойства
Я про эту вложенность

Т.А
02.05.2018
13:29:35

Alex
02.05.2018
13:29:45
Да, flat map делать
И поля сразу все в initial state описать
Тогда вотчеры повесятся корректно на каждое поле
Это не редакс, принцип оповещения об изменениях другой

Google

Т.А
02.05.2018
13:30:56
понял, спасибо
но юзера получить таки не получилось

Alex
02.05.2018
13:31:46
А в network он в запросе прилетает?
Ставь брейкпоинты и смотри на каждом шагу аргументы и значения

Azer
02.05.2018
13:34:12
/help@GroupButler_bot
/help@GroupButler_bot
/help@GroupButler_bot
/help@GroupButler_bot

Nikita
02.05.2018
13:37:37
О, тукан
Поясни за исчоп
А то я как-то пропустил

Arsen
02.05.2018
13:37:58
Воспользуйся поиском по чату, поймёшь сам