который состоит из отдельных компонентов

инфа в них меняется - запросами к внешнему апи

https://alligator.io/vuejs/rest-api-axios/

Сенкс

А люди все мучаются с организацией апишек ?

Ихихихихи

https://github.com/vuejs/vue-cli/issues/589

О, круто, спасибо!

А до 0.5 чуть-чуть осталось

что?

А до 0.5 чуть-чуть осталось

А когда? Я хотел затащить, но решил подождать

инфа в них меняется - запросами к внешнему апи

нормальная практика

А когда? Я хотел затащить, но решил подождать

Ты точно про apicase?)

Мне сейчас приходится клеить токен в запрос каждый раз

Ты точно про apicase?)

Ага

Мне сейчас приходится клеить токен в запрос каждый раз

А можно клеить один раз при создании инстанса)

А можно клеить один раз при создании инстанса)

Wut

если не ошибаюсь то встатье по ссылке это говорится

Wut

const instance = axios.create({ ... }); instance.interceptors.request.use(config => { const token = getToken(); if (token) { config.headers.common['Authorization'] = 'Bearer ' + token; } return config; });

если не ошибаюсь то встатье по ссылке это говорится

может имел ввиду "у других"

const instance = axios.create({ ... }); instance.interceptors.request.use(config => { const token = getToken(); if (token) { config.headers.common['Authorization'] = 'Bearer ' + token; } return config; });

Мне вот именно в строку запроса, сейчас апи херовое

const instance = axios.create({ ... }); instance.interceptors.request.use(config => { const token = getToken(); if (token) { config.headers.common['Authorization'] = 'Bearer ' + token; } return config; });

Ужасно

Ага

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

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

Ну у меня пока не сильно выросло приложение. Можно пока прям в компоненте все делать

Ужасно

И даже в ужасном есть своя красота)

И даже в ужасном есть своя красота)

Здесь - нет

не скажи) я еще комменты все повырезал) любой джун разберется без лишних вопросов ?

new ApiService({ headers: () => localStorage.getItem('token'), services: [...] })

не скажи) я еще комменты все повырезал) любой джун разберется без лишних вопросов ?

Вот да. Это ж просто

Ля с тлф не удобно

Ща

Пеку включу

понапридумывают сервисов, а потом ими обмазываются)))

?

new ApiService({ url: '/api/v1', headers: () => ({ token: localStorage.getItem('token') }), hooks: { error ({ response }) { if (response.code === 401) alert('You are not authorized') } }, services: [ { name: 'hello', url: 'foo/bar' }, { name: 'test', url: '/root/test' } ] })

и при вызове api.go('hello', data) токен вставится собсна

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

Зачем их в инстантс запихивать?

Как обнулить авторизацию, если они все в шиты в инстанс

приветы. я тут хочу сделать одно тестовое приложение. Нужна помощь в оживлении примера на js. https://github.com/django/channels/tree/master/js_client Я так понимаю что в таком виде оно не запустится? из консоли у меня не завелось. Надо организовать элементарный проект с этим модулем чтоб работало (самый первый блок примера). Сам сервер для подключения уже готов, это для тестов надо собрать. Можно в личку если там не на пару слов. Спасибо.

да, в последствии это будет на VUE

Какое счастье.

const instance = axios.create({ ... }); instance.interceptors.request.use(config => { const token = getToken(); if (token) { config.headers.common['Authorization'] = 'Bearer ' + token; } return config; });

Я так же делал

Работа с токенами на уровне axios, запросы все вынесены в свой слой, дальше слой view

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

new ApiService({ url: '/api/v1', headers: () => ({ token: localStorage.getItem('token') }), hooks: { error ({ response }) { if (response.code === 401) alert('You are not authorized') } }, services: [ { name: 'hello', url: 'foo/bar' }, { name: 'test', url: '/root/test' } ] })

Вот так я хочу

Как обнулить авторизацию, если они все в шиты в инстанс

Поэтому headers - функция

Которая каждый раз вызывается при запросе

Которая каждый раз вызывается при запросе

Не заметил, круто

То есть если ты удалишь токен, то в следующем запросе его не будет

Хотел свою балалайку делать, потом увидел ваш спор. Посмотрел. Решил пока обождать

Гошный чатик в другом окне ;-)

Гошный чатик в другом окне ;-)

?

Ребят, а есть где-нибудь стартер для typescript и vue, которые с декораторами @Component

Ребят, а есть где-нибудь стартер для typescript и vue, которые с декораторами @Component

Ждунов в чат

Ребят, а есть где-нибудь стартер для typescript и vue, которые с декораторами @Component

Ожидается в скором времени интеграция в vue-cli. Ссылки, к сожалению, под рукой нет

ожидается круто, но стартеры же бывают?

я нагуглил несколько, но не хотелось бы начинать проект и потом понять, что стартер был уг

Может и бывают, но у меня нет желания пользоваться чем то, что не поддерживается командой Vue

мм?

это глум такой?

там же в офф доке есть пример @Component, и все такое

Может и бывают, но у меня нет желания пользоваться чем то, что не поддерживается командой Vue

Вот так, значит, да

там же в офф доке есть пример @Component, и все такое

Ну и ?

Тайпскрипта то там нет

в офф.шаблонах

А дерокаторы не только в TS есть :)

https://vuejs.org/v2/guide/typescript.html

мне кажется это дико

мне кажется это дико

Что именно?

ну не использовать тулзу, потому что не завезли в cli

покажите пример проекта на vue с хорошим кодом?

ну не использовать тулзу, потому что не завезли в cli

ну дык используй что хочешь, я ж не запрещаю :) У меня в текущих проектах нет ни TS, не компонентов на классах. Мне оно сейчас без надобности.

покажите пример проекта на vue с хорошим кодом?

Я считаю, что у меня на работе ничего так :В

покажите пример проекта на vue с хорошим кодом?

Лучший проект, которого нет :\

ссылку в студию

ну дык используй что хочешь, я ж не запрещаю :) У меня в текущих проектах нет ни TS, не компонентов на классах. Мне оно сейчас без надобности.

А я хочу тс подключить

Все-таки склоняюсь на тёмную сторону (фп)

А без типов не круто

А я хочу тс подключить

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

Может быть

ссылку в студию

Нету

https://github.com/vuejs-templates/webpack/pull/797

На счет 3 вебпака https://github.com/vuejs-templates/webpack/pull/891

Нету

Лол

Подскажите пожалуйста, есть ли какой нибудь актуальный, поддерживаемый теплейт для генерации блюпринта vue + srr со всем добром вроде hmr и т.д Так не хочется самому это все собирать)

Подскажите пожалуйста, есть ли какой нибудь актуальный, поддерживаемый теплейт для генерации блюпринта vue + srr со всем добром вроде hmr и т.д Так не хочется самому это все собирать)

Nuxt

но он со своими косяками местами еще)

У меня есть проект на нуксте, ну впечатления так себе, хочется больше контроля и бесит эта фигня с матчингом папок

У меня есть проект на нуксте, ну впечатления так себе, хочется больше контроля и бесит эта фигня с матчингом папок

Можно в конфиге попробовать extendRoutes

https://nuxtjs.org/api/configuration-router#extendroutes

Да, как вариант. Но там еще что то было, что не очень понравилось, сча чекну что именно, может кто советом поможет

https://medium.com/the-vue-point/vue-is-now-on-opencollective-1ef89ca1334b?source=linkShare-7a6d81b55e55-1505376628 расчехляйте кошельки

О, вот. Вообщем первая загрузка страницы, грузятся js файлы, как я понимаю code splitting работает, один роут, один файл. Потом я перехожу на другой роут и файл для этого роута опять скачивается, правда один раз всего. Как это выключить?

При открыти роута первый раз происходит весьма заметный лаг из-за этого

Nuxt следует Resolve data before route navigation, я хочу Fetch data after the matched view is rendered

https://ssr.vuejs.org/en/data.html

О, вот. Вообщем первая загрузка страницы, грузятся js файлы, как я понимаю code splitting работает, один роут, один файл. Потом я перехожу на другой роут и файл для этого роута опять скачивается, правда один раз всего. Как это выключить?

Закешировать

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching?hl=ru