vue koa demo

demonstração vue-koa

Um novato que teve contato com o full stack pela primeira vez fez uma pequena demonstração que foi implantada online.

Descrição do Projeto

• IU: Elemento
• Estrutura de front-end: Vue
• Estrutura de back-end: Koa
• Banco de dados:Mongodb
• Implantação: PM2

Descrição da filial

• mestre: ramificações de separação front-end e back-end
• ssr: ramo de renderização do lado do servidor Vue

Blogs relacionados ao projeto

• Construção de ambiente de nó no ambiente Alibaba Cloud CentOS

• Uma prática de implantação de projeto de separação front-end e back-end

• Uma primeira olhada no Vue SSR

Visualização on-line

demonstração vue-koa

Instalar

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

front-end

cd vue-koa-demo && npm install

extremidade traseira

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

banco de dados mongodb

Para executar o projeto localmente, você precisa de:

1. Crie um banco de dados chamado vue_koa_todos no banco de dados mongodb
2. Modifique o comando link em server/routes/index.js , remova o comentário da nona linha e defina o número da porta para o número da porta configurado no arquivo mongod.conf local, comente a décima linha

correr

front-end

Execute npm run dev no caminho raiz do projeto e abra o navegador localhost:8080

extremidade traseira

Execute cd ./server && node ./bin/www no caminho raiz do projeto

banco de dados mongodb

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