หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

vue-koa-demo

มือใหม่ที่ เข้ามาติดต่อกับสแต็กเต็มเป็นครั้งแรกได้ทำการสาธิต เล็กๆ น้อยๆ ที่ได้รับการปรับใช้ทางออนไลน์

รายละเอียดโครงการ

  • UI：องค์ประกอบ
  • เฟรมเวิร์กส่วนหน้า: Vue
  • กรอบการทำงานแบ็กเอนด์: Koa
  • ฐานข้อมูล:Mongodb
  • การปรับใช้: PM2

คำอธิบายสาขา

  • หลัก: สาขาการแยกส่วนหน้าและส่วนหลัง
  • ssr: สาขาการเรนเดอร์ฝั่งเซิร์ฟเวอร์ Vue

บล็อกที่เกี่ยวข้องกับโครงการ

  • การสร้างสภาพแวดล้อมโหนดในสภาพแวดล้อม Alibaba Cloud CentOS

  • แนวปฏิบัติในการปรับใช้โปรเจ็กต์การแยกส่วนหน้าและส่วนหลัง

  • ดูครั้งแรกที่ Vue SSR

ดูตัวอย่างออนไลน์

vue-koa-demo

ติดตั้ง

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

ส่วนหน้า

cd vue-koa-demo && npm install

ด้านหลัง

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

ฐานข้อมูล mongodb

ในการรันโปรเจ็กต์ภายในเครื่อง คุณต้องมี:

  1. สร้างฐานข้อมูลชื่อ vue_koa_todos ในฐานข้อมูล mongodb
  2. แก้ไขคำสั่ง link ใน server/routes/index.js ยกเลิก หมายเหตุบรรทัดที่เก้า และตั้งค่าหมายเลขพอร์ตเป็นหมายเลขพอร์ตที่กำหนดค่าในไฟล์ mongod.conf ในเครื่อง แสดงความคิดเห็นใน บรรทัดที่สิบ

วิ่ง

ส่วนหน้า

ดำเนินการ npm run dev ในเส้นทางรูทของโปรเจ็กต์ และเปิดเบราว์เซอร์ localhost:8080

ด้านหลัง

ดำเนินการ cd ./server && node ./bin/www ในเส้นทางรูทของโปรเจ็กต์

ฐานข้อมูล mongodb

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

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด