Всем привет! Подскажите, есть старый проект в который внедряем vue. С чего начать? Как разделить webpack для vue и для старого? Возможно есть опыт? Может статьи какие? ( В интернетах не нашел, может плохо искал)

обдумывали вариант с созданием отдельного проекта со своим вебпаком?

Всем привет! Подскажите, есть старый проект в который внедряем vue. С чего начать? Как разделить webpack для vue и для старого? Возможно есть опыт? Может статьи какие? ( В интернетах не нашел, может плохо искал)

Ну это точно возможно. У меня проект на backbone, с вставками vue. Но по настройке вебпака не могу помочь, не я настраивал

Использование не по назначению часто приводит к неожиданным результатам. Утюг редко проектируют для забивания гвоздей.

Ну это точно возможно. У меня проект на backbone, с вставками vue. Но по настройке вебпака не могу помочь, не я настраивал

Про бекбон и вью был неплохой доклад на РИТ в мае.

Использование не по назначению часто приводит к неожиданным результатам. Утюг редко проектируют для забивания гвоздей.

Эх, опередил

=)

обдумывали вариант с созданием отдельного проекта со своим вебпаком?

К сожалению, на данном этапе это практически невозможно.

нормально в компопнентах работать с стором сразу через commit без экшенов(при синхронных опреациях) ?

Всем привет! Подскажите, есть старый проект в который внедряем vue. С чего начать? Как разделить webpack для vue и для старого? Возможно есть опыт? Может статьи какие? ( В интернетах не нашел, может плохо искал)

Сейчас что на проекте ? Вебпак так же ?

Сейчас что на проекте ? Вебпак так же ?

Сейчас вебпак

Сейчас вебпак

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

Vue cli только для нового проекта

https://www.npmjs.com/package/vue-template-compiler В минимальном варианте больше ничего не надо вую

Сори, не то скинул https://github.com/vuejs/vue-loader

Всем привет! Вопрос следующий - у меня есть компонент Error, который показывает ошибки (чего угодно, от сервера, до валидаций и ошибок авторизации). Подскажите, как сделать правильно, чтобы можно было эти ошибки выводить? Пока придумал использовать vuex и через dispatch вызывать какой нибудь setError, ну а компонент показывается только в случае если в сторе значение error не пустое Но что то мне подсказывает что можно сделать лучше) Кто как делает?

Сори, не то скинул https://github.com/vuejs/vue-loader

спасибо

Всем привет!

Беда поставил в vue проект bootstrap

и вот такая ошибка..

тут что то с ajv модулем видимо, как пофиксить?

/start

))

что могло с бустрапом случиться?

npm install ?

Всем привет! Вопрос следующий - у меня есть компонент Error, который показывает ошибки (чего угодно, от сервера, до валидаций и ошибок авторизации). Подскажите, как сделать правильно, чтобы можно было эти ошибки выводить? Пока придумал использовать vuex и через dispatch вызывать какой нибудь setError, ну а компонент показывается только в случае если в сторе значение error не пустое Но что то мне подсказывает что можно сделать лучше) Кто как делает?

Нормальный вариант ты описал. Либо посмотри, как сделано тут. https://element.eleme.io/#/en-US/component/message

Императивно вызывать

Нормальный вариант ты описал. Либо посмотри, как сделано тут. https://element.eleme.io/#/en-US/component/message

Спасибо, попробую!

Спасибо, попробую!

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

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

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

А в консоле браузера что?

ничего

не врешь)?

created тоже не работает(

Пичаль :(

не врешь)?

точно не вру)

один скрин консоли вместо всех слов

А вдруг он ее очистил перед скрином

ты код же в песочнице запускаешь

console was cleared

кстати говоря

alert туда засади для начала)

ну и приложеньку еще рестартануть надо

что б отработало ж

Привет. В приложении в бекенде стоит пермишин только для авторизованых изеров. Короче, после логинского редиректа в своё приложение, получаю 401. Если ребутнуть потом страницу, то всё гуд. Блин, в чём дело может быть?

Привет. В приложении в бекенде стоит пермишин только для авторизованых изеров. Короче, после логинского редиректа в своё приложение, получаю 401. Если ребутнуть потом страницу, то всё гуд. Блин, в чём дело может быть?

300 + 101 = ?

Привет. В приложении в бекенде стоит пермишин только для авторизованых изеров. Короче, после логинского редиректа в своё приложение, получаю 401. Если ребутнуть потом страницу, то всё гуд. Блин, в чём дело может быть?

Кука уходит на сервер?

Или просто где-то логическая ошибка

вот только где она, найти бы её

Привет. В приложении в бекенде стоит пермишин только для авторизованых изеров. Короче, после логинского редиректа в своё приложение, получаю 401. Если ребутнуть потом страницу, то всё гуд. Блин, в чём дело может быть?

а CSRF?

а CSRF?

есть

Токен на сервер отправляешь?

Токен на сервер отправляешь?

ага, в main.js есть это: axios.interceptors.request.use(function (config) { const userToken = localStorage.getItem('user-token'); if(userToken) config.headers["Authorization"] = JWT ${userToken}; return config; });

Хм. А запрос перехватывать не пробовал? Не смотрел что там отправляется? Мне кажется что токен пустой идёт..

Для перехвата можешь взять Burp Suite или аналог

там просто законсолить можно

Хм. А запрос перехватывать не пробовал? Не смотрел что там отправляется? Мне кажется что токен пустой идёт..

проверил. нету токена, только когда ребутну страницу

Open Web Sniffer for Opera

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

ERROR: S client not available

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

Дернуть экшен

Дернуть экшен

через GraphQl и так дергаю, данные обновляются, но в открытой модалке, нет и так 2 эмита для обновления данных...из дочерних

Хм. А запрос перехватывать не пробовал? Не смотрел что там отправляется? Мне кажется что токен пустой идёт..

сделал, работает

сделал, работает

Поздравляю))

Поздравляю))

глупая ошибка: было methods: { login() { const {username, password} = this this.$store.dispatch('AUTH_REQUEST', {username, password}) this.$router.push({name: 'list_levels_app'}) } } стало: methods: { login() { const {username, password} = this this.$store.dispatch('AUTH_REQUEST', {username, password}).then(() => { this.$router.push({name: 'list_levels_app'}) }) } }

К сожалению, на данном этапе это практически невозможно.

а что сейчас у вас за стек?

Обожаю доку по js

глупая ошибка: было methods: { login() { const {username, password} = this this.$store.dispatch('AUTH_REQUEST', {username, password}) this.$router.push({name: 'list_levels_app'}) } } стало: methods: { login() { const {username, password} = this this.$store.dispatch('AUTH_REQUEST', {username, password}).then(() => { this.$router.push({name: 'list_levels_app'}) }) } }

async/await

async/await

я первым делом стал так делать, но видать на эмоциях что-то не так сделал, не пелучилось. Да, кстати сейчас попробую так сделать

я первым делом стал так делать, но видать на эмоциях что-то не так сделал, не пелучилось. Да, кстати сейчас попробую так сделать

?

Это нормальная практика? У меня есть data: { content_in: { vk: {text:''}, fb: {text:''} }, social_network: 'vk' } И будет input с: v-model="content_in[social_network].text" social_network будет меняться и v-model соответственно тоже

народ, подскажите как из webpack шаблона для вью, выгрузить на продакшен? делаю npm run build, все гуд, но индекс из папки дист ничего не видит, я конечно понимаю что дело в путях, но как можно это дело запустить, глянуть?

народ, подскажите как из webpack шаблона для вью, выгрузить на продакшен? делаю npm run build, все гуд, но индекс из папки дист ничего не видит, я конечно понимаю что дело в путях, но как можно это дело запустить, глянуть?

npm install -g serve serve dist

народ, подскажите как из webpack шаблона для вью, выгрузить на продакшен? делаю npm run build, все гуд, но индекс из папки дист ничего не видит, я конечно понимаю что дело в путях, но как можно это дело запустить, глянуть?

npm i -g node-static static ./dist

Это нормальная практика? У меня есть data: { content_in: { vk: {text:''}, fb: {text:''} }, social_network: 'vk' } И будет input с: v-model="content_in[social_network].text" social_network будет меняться и v-model соответственно тоже

сделай get set просто проперти

будет удобнее

типа сервак запустить?

спасибо

npm i -g node-static static ./dist

lets fight

?

аха, сейчас получилось, я в шоке )

это краткий аналог if (this.fields) { return this.fields.filter(x => !this.groupingFields.some(gf => gf.name === x.name)) } else { return []; }

благодарю, Свет - помогла.

сделай get set просто проперти

А да норм спасибо

аха, сейчас получилось, я в шоке )

а то

народ, подскажите как из webpack шаблона для вью, выгрузить на продакшен? делаю npm run build, все гуд, но индекс из папки дист ничего не видит, я конечно понимаю что дело в путях, но как можно это дело запустить, глянуть?

publicPath проверь, есичё. В конфиге вебпака

Ок

Object.keys(vue.community.ru.members).map(congrats) … или всех с праздником!

Object.keys(vue.community.ru.members).map(congrats) … или всех с праздником!

Почему нас не упаковали сразу в массив

У меня есть вопросы к архитектору

Почему нас не упаковали сразу в массив

объектное мышление привычнее)

vue.community.ru.members.forEach(member => {greatings(member);}) ?

vue.community.ru.members.forEach(member => {greatings(member);}) ?

Так падажжите уносите императивщину