Доставить HTML-файл, используя Vue.js и express.js

Question

Я использую Vue.js в качестве внешнего интерфейса и express.js в качестве внутреннего. Когда я запускаю сервер express.js с запуском npm, я хотел бы доставить компонент внешнего интерфейса из Vue.

Я использую генератор Vue и генератор Express, когда я доставляю файл index.html с

    res.sendFile(path.join(__dirname + '/index.html'));

браузер показывает сайт empyt, потому что там только написано.

    <div id="app"></div>

Я думаю, что сначала мне нужно создать файл index.html, потому что часть веб-интерфейса разделена на различные компоненты Vue (файлы .vue)

Answer 1

Ваш экспресс-сервер должен обслуживать не только файл index.html, но и все остальные встроенные файлы js. Если вы используете vue-cli, вам нужно обслуживать все файлы, которые вы найдете в папке dist после запуска npm run build (сборка в производственном режиме).