Node.js+express.js + vue, как связать?

Question

[Samat]

У меня есть сервер написанный на express.js
И есть фронт, написанный на vue.js

Как их связать?
Возможно ли сделать так что бы я по get запросу '/' отдавал билд сделанный на vue.js?

Answer 1

[kirillcka_markoff]

Если я правильно понял вопрос, то тебе необходимо настроить сервер (nginx на пример), один виртуал хост проксирует express, второй отдаёт статику.

Comments

[Samat]

ну видимо так, то есть на nginx если я запущу просто сборку от vue-cli (index.html, bundles, etc..) - то получится что я запущу фронты без бэкенда

А нельзя всю эту статику отдать из express?

[volucris1]

Mileon, я делал так:
У меня реакт отдавал css, js и т. д сам, что нужно было взять из БД или с сервера моего, то я просто сделал это через API(fetch запросов на сервер), которое сам писал для своего сервера

[kirillcka_markoff]

Бэк запускаешь с помощью утилиты pm2,

server {
    listen 80;
    server_name api.example.com;

    location / {
        proxy_set_header   X-Forwarded-For $remote_addr;
        proxy_set_header   Host $http_host;
        proxy_pass         http://127.0.0.1:3000;
    }
}

А для фронта примерно так

server {
    listen *:80;

    server_name example.сщь;
    root /path/to/vue/build;
    index index.html index.htm;

    location / {}
}

Дальше во vue нужно будет только заменить url для запросов на сервер на api.example.com.

Из express
app.use(express.static('public'));

[Михаил]

kirillcka_markoff, try_files

Answer 2

[gomerIT]

Посмотрите NuxtJS