Как развернуть серверную часть nodejs и интерфейс vuejs в одном и том же экземпляре Amazon EC2

Question

У меня есть интерфейс vuejs и серверная часть express nodejs.Но я не знаю, как я могу развернуть их оба в одном и том же экземпляре Amazon EC2 с одним и тем же доменным именем, указывающим на них.Пожалуйста, кто-нибудь может мне помочь с этим?Или предложить лучший способ сделать это?

Answer 1

Вы можете объединить два репозитория и развернуть и бэкэнд, и внешний интерфейс следующим образом

1. Внутри вашего приложения nodejs откройте папку с именем client и поместите в нее весь проект Vue.
2. Если вы используете Vue CLI, измените ваш vue.config.js следующим образом, чтобы создать папку dist внутри корня проекта nodejs, например

const path = require('path');

module.exports = {
  outputDir: path.resolve(__dirname, '../dist'),
};

Сделайте так, чтобы все конечные точки get / post приложения nodejs начинались с / api / , чтобы не конфликтовать с путем, по которому перенаправляются все запросы клиентскому приложению vue, кроме / api / paths. Запустите npm, запустите сборку , чтобы создать папку dist внутри корневой внутренней папки nodejs Если вы используете express.js, обслуживайте папку dist с помощью экспресс-backend узлаjjs.как;

index.js

const express = require('express');
const app = express();

// Serve Vue Dist Folder 
app.use(express.static(__dirname + '/dist'));
app.get('*', (req, res) => res.sendFile(__dirname + '/dist/index.html'));

Answer 2

nodejs с например, express может также обслуживать статический контент.Просто поместите ваши файлы vuejs в статическую папку .