Забудьте уже о необходимости екосистемы на стороне сервера.

Я считаю cms нужно выжечь в своей памяти как рудимент. У тебя есть приложение (в случае с ssr первый запрос по руту ренедерится на сервере) и rest или soap ин сервер сайд, фтопку этих валких динозовров

Слушай, а если у тебя каталог с перекрестной категоризацией? И его нужно, чтоб обновляли потом без тебя?

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

ssr в vue вцелом очень ок, нужно чуть моцк сломать, но прям по красоте, вопрос seo отпадает интересно чем ответит react но vue больше френдли

Получилось разобраться во всем?)

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

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

Всем привет. Нужна небольшая помощь, какая то мистическая штуковина происходит с vue-router.. Есть у кого минутка?

Задавайте сразу вопрос

С СЕОшниками у меня одного войны за Vue?

А что с SEO на Vue?

Задавайте сразу вопрос

+

А что с SEO на Vue?

У меня на этой почве даже проект отжали один кон

Получилось разобраться во всем?)

Да, я могу признаться что это было не просто. И если бы не пример Эвана с хакернун то была бы совсем печалька. Но возникла проблема слишком большой строки на выходе через рендерер. И эта строка не помещается вся в переменную. Я искал размер переменной типа string но гуглил вечером и не нашел. Нигде ничего не упоминалось об этом?

Задавайте сразу вопрос

Вы тот докладчик из Харькова?

Он самый

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

Админка - это тоже приложение, которое внезапно! работает через rest или soap

Вы протратили свою возможность задать вопрос. :)

У меня на этой почве даже проект отжали один кон

Так проблема то в чем?

Шучу конечно

import Vue from 'vue' import App from './App.vue' import Vuetify from 'vuetify' import VueRouter from 'vue-router' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueRouter); Vue.use(Vuetify); Vue.use(VueAxios, axios); import Auth from './components/auth.vue'; const routes = [ { path: '/', component: App }, { path: '/auth', component: Auth }, ]; const router = new VueRouter({ mode: 'history', base: __dirname, routes }); new Vue({ router, axios, el: '#app', render: h => h(App) }).$mount('#app');

ошибок нет, но роут не работает

в чем может быть проблема?

Шучу конечно

Илья, кстати вопрос больше по nodejs, какое ограничение на переменную string? Зависит это от среды выполнения?

Так проблема то в чем?

Проблема в отсутствии SSR по причине дико сложного каталога (заново CMS писать желания нет) и следовательно рендеринг с JS. То есть то что по апи тянется - вообще не попадает в краулер

import Vue from 'vue' import App from './App.vue' import Vuetify from 'vuetify' import VueRouter from 'vue-router' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueRouter); Vue.use(Vuetify); Vue.use(VueAxios, axios); import Auth from './components/auth.vue'; const routes = [ { path: '/', component: App }, { path: '/auth', component: Auth }, ]; const router = new VueRouter({ mode: 'history', base: __dirname, routes }); new Vue({ router, axios, el: '#app', render: h => h(App) }).$mount('#app');

убрать render: h => h(App) el: '#app',

убрать render: h => h(App) el: '#app',

в таком случе перестает открываться даже дефолтная страница

Проблема в отсутствии SSR по причине дико сложного каталога (заново CMS писать желания нет) и следовательно рендеринг с JS. То есть то что по апи тянется - вообще не попадает в краулер

Интересно. А какой выход? )

Не перестанет если у вас в html где подключается бандл есть div#app, если у вас вся приложенька в App тогда всё не то и всё не так)

в таком случе перестает открываться даже дефолтная страница

Я в вебпак пишу $vue: 'path/to/vue/lib'

Интересно. А какой выход? )

Интересно что вообще значит отсутствие ssr)

Не перестанет если у вас в html где подключается бандл есть div#app, если у вас вся приложенька в App тогда всё не то и всё не так)

div#app разумеется есть. Но приложение без указания рендера никак не открывается, тупо пустая страница, ошибок нет. При использовании пути из роута та же история. Странно просто, в аналогичном приложении все работает

Интересно что вообще значит отсутствие ssr)

Ну ты же понял

да и у ребят спрашивал - код полностью идентичен. Мистика. Проект на чистом Vue норм открывает, тут Vue-cli с exampel Vuetify

Интересно. А какой выход? )

Выход - на следующем проекте SPA своими силами

div#app разумеется есть. Но приложение без указания рендера никак не открывается, тупо пустая страница, ошибок нет. При использовании пути из роута та же история. Странно просто, в аналогичном приложении все работает

На пастебин выложи App.vue, html в котором div#app

Ну ты же понял

Это не отсутствие ssr, а лень переписывать на новый лад легаси

На пастебин выложи App.vue, html в котором div#app

https://pastebin.com/jzi0gNPM - App.vue, https://pastebin.com/vSWPA5uG - html

Это не отсутствие ssr, а лень переписывать на новый лад легаси

Ты не знаешь, о чем говоришь - многие за всю жизнь столько не пишут

Но в целом ты прав

https://pastebin.com/jzi0gNPM - App.vue, https://pastebin.com/vSWPA5uG - html

<v-app> это компонента которая нигде не импортится

<v-app> это компонента которая нигде не импортится

импортируется Vuetify, v-app это его компонент

Я не знаком с Vuetify. Но попробуй в App.vue import Vuetify from 'vuetify' export default {

все так стали хайпить vuetify

неужели, он такой годный

все так стали хайпить vuetify

да почему хайпить, просто удобно с ним работать. По мне - лучше чем Quasar. Изнаально на нем проект собирал, теперь переношу на Vuetify

у и убрать render: h => h(App) el: '#app',

https://habrahabr.ru/post/332628

ого, там столько элементов

неплохо

Я не знаком с Vuetify. Но попробуй в App.vue import Vuetify from 'vuetify' export default {

так он импортируется в main.js... Короч, мистика.

может, в следующем проекте заюзаю

import Vue from 'vue' import App from './App.vue' import Vuetify from 'vuetify' import VueRouter from 'vue-router' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueRouter); Vue.use(Vuetify); Vue.use(VueAxios, axios); import Auth from './components/auth.vue'; const routes = [ { path: '/', component: App }, { path: '/auth', component: Auth }, ]; const router = new VueRouter({ mode: 'history', base: __dirname, routes }); new Vue({ router, axios, el: '#app', render: h => h(App) }).$mount('#app');

Вижу ты используешь vueaxios - тв меня растраиваешь

Вижу ты используешь vueaxios - тв меня растраиваешь

какова альтернатива? что лучше?

все так стали хайпить vuetify

А для чего он

А для чего он

UI

какова альтернатива? что лучше?

Конечно же apipie (тип я создатель :) )

pen pineapple apipie

GitHub - Fl0pZz/Apipie: Transform api declaration to js object for frontend. Inspired by VueRouter, koa2-middleware and axios. https://github.com/Fl0pZz/Apipie

Конечно же apipie (тип я создатель :) )

хз, я взял стек со старого проекта, который делали в компании. Там его юзали

Apipie внутри axios юзает если че

да мне бы изначально с роутами разобраться.. Просто то что сейчас ребята делают, то что раньше делали - все тоже самое что и у меня. Но блэд, нихрена не роутит.

@Fl0pZz я поглядел апипай. Прикольно конечно, но нахера?)

@Fl0pZz я поглядел апипай. Прикольно конечно, но нахера?)

Ну тип удобно))

Просто что бы не таскать из проекта в проект горку описаний роутов?

Ну да. Согласен

Просто что бы не таскать из проекта в проект горку описаний роутов?

Ну, это легче для только пришедших ы проект

А там какой то стандарт в основе используется?

ERROR: S client not available

А там какой то стандарт в основе используется?

Axios

Типа там wadl структура или ещё чего?

Эта штука переводит все в axios и поддерживает все его настроики

Типа там wadl структура или ещё чего?

Всмысле?

Ну есть некоторые стандарты оформления конфигураций, для генерации API

Может в эту сторону потом развивать.

Я погляжу - может коммитну чего

Фронтендеры))) Вот бы штуку, которая маршруты Ларки в JSON для VueRouter транслирует.

@Fl0pZz https://ru.m.wikipedia.org/wiki/WADL

@Fl0pZz https://ru.m.wikipedia.org/wiki/WADL

Ну что-то похожее кстати, да

@Fl0pZz https://ru.m.wikipedia.org/wiki/WADL

Я там пример добавил в файлике whywhywhy

https://ru.stackoverflow.com/q/688839/16825

привет всем набрел тут на сайтик с коллекцией клькуляторов ниже привожу код одного из калькуляторов ( как образец ) для embed <link rel="stylesheet" href="https://embed.calculoid.com/styles/main.css" /> <script src="https://embed.calculoid.com/scripts/combined.min.js"></script> <div ng-app="calculoid" ng-controller="CalculoidMainCtrl" ng-init="init({calcId:30948,apiKey:'5960e25273726'})" ng-include="load()"></div> вопрос - калькулятор сделан на angular, верно? 1-й или 2-й?

не знаю даже, корректен будет вопрос или нет, но - такое же решение на vue.js ( vue-cli + webpack ) будет легче по весу?

а как мне распарсить исходный код этого калькулятора и вытянуть оттуда формулу\ы ? ?

а как мне распарсить исходный код этого калькулятора и вытянуть оттуда формулу\ы ? ?

Боюсь формулы в том представлении могут тебе не подойти )

черт - как-то все сложно у них получается (

нет - я знаю, что такая штука есть, и все )

и что это php )

фреймворк

фреймворк

Я и не слыхал

и что это php )

Чет я тока на дот нэт нашел

Есть тут гуру вебсокетов? Можно ли websocketd использовать в качестве замены Pusher на собственном сервере?

А что есть пушер?

У меня просто был опыт с сокетами. Делал рест на вебсокет соединениях

@Piterden

@Fl0pZz я этот файлик как раз и глядел. Я веду к тому, что можно дофигачить для кучки разных вариантов конфига генераторы

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

@Fl0pZz я этот файлик как раз и глядел. Я веду к тому, что можно дофигачить для кучки разных вариантов конфига генераторы

пока времени особо нет

надо сначала доделать 2 вещи: переписать тесты по нормальному выполнить ишью Дена