Привет всем Народ помогите вывести вводимый текст в h2 из input-a

Это я к утрешнему спору о редакторах.

Куда можно задать вопросы в общем по фронту?

есть еще чат по вёрстке https://t.me/web_structure и по js https://t.me/js_ru

Ребят, как во вью роутере редиректнуться назад ?

У меня непонятки именно во встраивании доп.селектов и текстарей внутри фора

Человеки! Новичков не сильно пинаете? :) Как вы делаете проверку сессии, когда приложение загружается? Наример: есть простая html страница с логином-паролем, проверяем через ajax запрос их правильность, создаём кукиш перенаправляем на приложение.

говорят что юзать сессии для СПА плохой тон

а как правильно?

Да вот всякие токены понапридумывали, почитайте например за jwt

спасибо! Но всетаки как до рендеринга что-то сделать?

говорят что юзать сессии для СПА плохой тон

Но ведь jwt это почти та же сессия

Ну да, а кто спорит та ?

Да никто, но вот он сейчас начнёт все на jwt переделывать

Ну не самая плохая практика :))

Но он новичек 🤷‍♂

будет опыт

Смотря что Вас интересует сделать, например можно подписать все запросы каким-то заголовком и сервера по заголовкам будет Вам что не будь делать

спасибо! Но всетаки как до рендеринга что-то сделать?

У меня бэк фласк, после аунтификации по аякс отдает jwt, у jwt стоит срок протухания, когда клиент делает действия связанные с работой сервера он в шапке отдает ключ, если сервер возвращает ошибку, роутер перенаправит на логин. Держать и там и там нет смысла, так как ключ будет иметь уже все данные плюс данные о сроке действия, можешь делать два ключа один рефреш один активационный. С помощью рефреш обновляешь способность активационного.

На бэке у тебя должен быть мидлваре который будет проверять входящий jwt

created: function(){ let data = localStorage.getItem('at'); console.log(null); this.active = data !== null; }, methods: { get_toke (){ Vue.http.post('/login','{"username":"test","password":"test"}', {headers:{'X-CSRFToken':csr}}).then(response =>{ return response.json() }).then(result=>{ localStorage.setItem('at',"Bearer "+ result['a_t']); localStorage.setItem('rt',"Bearer "+ result['r_t']); this.active = true }); }, get_data (){ let data = localStorage.getItem('at'); if (data !== null) { Vue.http.get('/protected', {headers: {'Authorization': data}}) .then(response => { return response.json() }) .then(result => { if (result['status'] === 401) { this.active = false; localStorage.removeItem('at'); return } this.mes = result['current_user'] }) }}, refresh (){ Vue.http.post('/refresh','', {headers:{'X-CSRFToken':csr, 'Authorization':localStorage.getItem('rt')}}).then(response =>{ return response.json() }).then(result=>{ console.log(result); if (result['status'] === 401) { this.active = false; localStorage.removeItem('at'); localStorage.removeItem('rt'); return } localStorage.setItem('at',"Bearer "+ result['a_t']); this.active = true }).catch(error => console.log(error));

Используйте axios

ААААА!!! Я так никогда себе современный фронт не сделаю! :)

Почему же?)

Ну как почему: делать на jQuery - отцтой. Webpack - необходимость, ещё нужно вот библиотеку к библиотеке. А ещё: ты без Vuex сделал?! Ну ты ... И т.д. чего я ещё не знаю :)

это норма. Совеременный js/frontend зоопарк очень стремительно развивается

угу. Легче не становится.

Совет, не пытайся весь фулстек технологии запихнуть к себе, сначала используй что-то, заверши проект, в новый проект интегрируй еще что-то, и т.д. Я бэкэндер, для меня фронт кажется еще менее привлекательным чем ты думаешь)

А делать на jquery не отстой. Просто в случае большого приложения необходимость обновлять DOM вручную быстро превращает фронт в ад. Проще и удобнее иметь четкую модель данных, обновляя которую будет перерендериваться DOM

Вот с этим согласен на 146%. Пробовал уже.

По поводу стека. VueJS + Vuex + axios + webpack для сборки. Нормально выйдет. И молодежно и удобно. Инфа сотка

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

Смотря в каких отношениях у тебя эти компоненты