Визуализация vue js встроена в Node js и Hapi js project - PullRequest
Новая
       17

Визуализация vue js встроена в Node js и Hapi js project

0 голосов
/ 27 августа 2018

Я создал веб-сайт в Vue JS, и теперь я пытаюсь программировать бэкэнд, в nodejs и hapijs. И я попытался определить механизм просмотра руля для загрузки файлов сборки VUE. И я хочу знать, как я могу визуализировать проект VUE на сервере с HAPI JS, Поскольку сейчас я попытался отобразить встроенный индекс vuejs, и он загрузил его без файлов js и css, и я не понял, как загрузить файл со всем статическим содержимым.

Вот что я попробовал: 

await server.register([require('hapi-auth-basic'), require('vision')]);

server.views({
  engines: {
    html: require('handlebars')
  },
  path: './views',
  layout: true
})



server.route({
  method: 'GET',
  path: '/',
  handler: (request, h) => {
    console.log(request.auth.credentials);
    return h.view('index');
  }
});

Итак, он показывает мне заголовок страницы, но все остальные файлы получают запрещенный ответ.

Состав: сервер -> просмотров -> index.html статический -> css / js / img / fonts ...

Спасибо за помощь!

1 Ответ

0 голосов
/ 31 августа 2018

Я думаю, что проблема, с которой вы сталкиваетесь, заключается в том, что при регистрации server.views({ ... }) вы пропускаете свойство "относительное", плюс вам необходимо настроить сервер для обслуживания статических файлов , как указано в документации здесь. . Стоит отметить, что, хотя hapi отлично справляется со статическими файлами, не стоит делать это в производственной среде. Лично я предпочитаю создавать правила nginx или apache для чтения файлов из каталога assets на совпадение, так как это намного более производительно.

...