vue koa demo

vue-koa-demo

Seorang pemula yang pertama kali bersentuhan dengan tumpukan penuh membuat demo kecil yang telah diterapkan secara online.

Deskripsi Proyek

• UI：Elemen
• Kerangka kerja front-end: Vue
• Kerangka backend: Koa
• Basis Data: Mongodb
• Penerapan: PM2

Deskripsi cabang

• master: cabang pemisahan front-end dan back-end
• ssr: Cabang rendering sisi server Vue

Blog terkait proyek

• Konstruksi lingkungan node di lingkungan Alibaba Cloud CentOS

• Praktik penerapan proyek pemisahan front-end dan back-end

• Tampilan pertama di Vue SSR

Pratinjau daring

vue-koa-demo

Memasang

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

ujung depan

cd vue-koa-demo && npm install

bagian belakang

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

basis data mongodb

Untuk menjalankan proyek secara lokal, Anda memerlukan:

1. Buat database bernama vue_koa_todos di database mongodb
2. Ubah perintah tautan di server/routes/index.js , hapus komentar pada baris kesembilan dan atur nomor port ke nomor port yang dikonfigurasi dalam file mongod.conf lokal, beri komentar pada baris kesepuluh

berlari

ujung depan

Jalankan npm run dev di jalur root proyek dan buka browser localhost:8080

bagian belakang

Jalankan cd ./server && node ./bin/www di jalur root proyek

basis data mongodb

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