vue koa demo

vue-koa-데모

처음으로 풀 스택을 접한 초보자가 온라인에 배포된 작은 데모를 만들었습니다.

프로젝트 설명

• UI : 요소
• 프론트엔드 프레임워크: Vue
• 백엔드 프레임워크: Koa
• 데이터베이스:Mongodb
• 배치: PM2

지점 설명

• 마스터: 프런트엔드 및 백엔드 분리 분기
• ssr: Vue 서버 측 렌더링 브랜치

프로젝트 관련 블로그

• Alibaba Cloud CentOS 환경의 노드 환경 구축

• 프런트엔드와 백엔드 분리 프로젝트 배포 실습

• Vue SSR에 대한 첫인상

온라인 미리보기

vue-koa-데모

설치하다

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

프런트 엔드

cd vue-koa-demo && npm install

후방

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

mongodb 데이터베이스

프로젝트를 로컬에서 실행하려면 다음이 필요합니다.

1. mongodb 데이터베이스에 vue_koa_todos 라는 데이터베이스를 생성합니다.
2. server/routes/index.js 에서 link 명령을 수정하고, 9번째 줄의 주석 처리를 제거하고, 포트 번호를 로컬 mongod.conf 파일에 구성된 포트 번호로 설정하고, 10번째 줄을 주석 처리합니다.

달리다

프런트 엔드

프로젝트 루트 경로에서 npm run dev 실행하고 브라우저 localhost:8080 엽니다.

후방

프로젝트 루트 경로에서 cd ./server && node ./bin/www 실행

mongodb 데이터베이스

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