vue koa demo

vue-koa-demo

Ein Neuling, der zum ersten Mal mit dem gesamten Stack in Berührung kam, erstellte eine kleine Demo, die online bereitgestellt wurde.

Projektbeschreibung

• Benutzeroberfläche: Element
• Front-End-Framework: Vue
• Backend-Framework: Koa
• Datenbank:Mongodb
• Einsatz: PM2

Filialbeschreibung

• Master: Front-End- und Back-End-Trennzweige
• ssr: Serverseitiger Rendering-Zweig von Vue

Projektbezogene Blogs

• Aufbau einer Knotenumgebung in der Alibaba Cloud CentOS-Umgebung

• Eine Projektbereitstellungspraxis zur Trennung von Front-End und Back-End

• Ein erster Blick auf Vue SSR

Online-Vorschau

vue-koa-demo

Installieren

git clone [email protected]:MrElvin/vue-koa-demo.git

Frontend

cd vue-koa-demo && npm install

hinteres Ende

cd vue-koa-demo/server && npm install

Mongodb-Datenbank

Um das Projekt lokal auszuführen, benötigen Sie:

1. Erstellen Sie eine Datenbank mit dem Namen vue_koa_todos in der Mongodb-Datenbank
2. Ändern Sie den Link-Befehl in server/routes/index.js , kommentieren Sie die neunte Zeile aus und setzen Sie die Portnummer auf die in der lokalen mongod.conf-Datei konfigurierte Portnummer. Kommentieren Sie die zehnte Zeile aus

laufen

Frontend

Führen Sie npm run dev im Projektstammpfad aus und öffnen Sie den Browser localhost:8080

hinteres Ende

Führen Sie cd ./server && node ./bin/www im Projektstammpfad aus

Mongodb-Datenbank

mongod -f /path/to/your/mongod.conf