2

Здравствуйте! Решил изучать vue.js. Не знаю как бы отрендерить страницу, в доках непонятно. Вот и интересует как правильно рендерить страницу от сервера на ноде. Сейчас все настроено так:

Структура:

введите сюда описание изображения

Настройка:

введите сюда описание изображения

Содержимое hello.html:

введите сюда описание изображения

Если запустить сервак и обратиться к /hello, то рендерится пустая страница.

Но если просто открыть страницу, то сразу рендерится и надпись Hello Vue!.

3
  • да, html. Я рендерил статические html файлы, теперь же возможно какой нибудь другой движок нужен, не знаю)
    – Tvolex
    30 июн 2017 в 11:39
  • не SSR ли случаем вас интересует? 30 июн 2017 в 12:43
  • ну, да, интересует SSR и как с ним работать)
    – Tvolex
    30 июн 2017 в 12:46

2 ответа 2

2

Для понимания и использования техники SSR в Vue.js, есть прекрасный сайт https://ssr.vuejs.org/ru/ и готовое решение https://ru.nuxtjs.org

Для "рендера" html шаблонизаторы не нужны, эти страницы можно открывать напрямую из "статичной" директории express.

...
app.use(express.static(path.join(__dirname, '../public')))
...

если в директории public есть файлы index.html, app.html, то можно получить к ним доступ по url: /, /index.html, app.html.

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

html также можно компоновать и отсылать через res.send(...) http://expressjs.com/ru/api.html#res.send

1
  • 1
    Да, спасибо, я это знаю) Все же решил что SSR мне не нужен
    – Tvolex
    5 июл 2017 в 21:09
1

Установите двигатель по умолчанию как "hbs" вместо "html"

//Установка «view», как показано ниже

введите сюда описание изображения

//Рендеринг файла, как показано ниже

введите сюда описание изображения

3
  • но я не использую Handlebars)
    – Tvolex
    30 июн 2017 в 12:05
  • @FreeRiderTvolex Правильно он сказал. 'view engine', 'hbs'. Вы в коде шаблона используете его, а в "главном файле" у вас написана какая-то 'html'.
    – Yuriy Po
    30 июн 2017 в 16:58
  • Этот синтаксис - {{ message }} - ханделбарский.
    – Yuriy Po
    30 июн 2017 в 17:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.