The nuxt.js-nest.js-isomorphism from ryan2018-js

ryan2018-js / nuxt.js-nest.js-isomorphism Goto Github PK

View Code? Open in Web Editor NEW

Nuxt.js、 Nest.js 、SSR、MongoDB、TypeScript全栈工程项目

JavaScript 2.53% TypeScript 69.98% CSS 1.07% Vue 26.07% Dockerfile 0.35%

nuxt.js-nest.js-isomorphism's Introduction

Nuxt.js and Nest.js isomorphism project

Nuxt 和 Nest 集成示例工程, UI层使用 Vant框架实现

1.前置条件

MongoDB

工程中使用到了 MongoDB,需先在本地安装该服务

MongoDB 安装教程

安装完成后使用以下命令启动:

mongod --config mongod配置目录/mongod.conf --dbpath 数据库存放目录  

例如:  
mongod --config /usr/local/etc/mongod.conf --dbpath /usr/local/mongodir

Charles

对接接口时借助 Charles 抓包析工具能提升开发效率和快速定位问题,请注意 Charles 端口是否已设置为 8888(默认值)

Charles Web Debugging Proxy

2.开发环境运行

npm run client:prod				// local start on production mode

npm run client:dev				// local start on development mode

visit: http://localhost:8088

3.生产环境运行

npm run build

and

cross-env NODE_ENV=production npm run start     // server start on production mode

cross-env NODE_ENV=development npm run start    // server start on development mode

4.目录结构

client ---The client side source code folder, write Vue.js logical
here
 |-------- assets
 |-------- components
 |-------- layouts
 |-------- middleware
 |-------- pages
 |-------- plugins
 |-------- static
 |-------- store

server --- The server side(Node.js) logical here
 |-------- main.ts
 |-------- app.module.ts
 |-------- app.controller.ts
 |-------- common
             |--------- decorators
             |--------- filters
             |--------- guards
             |--------- interceptors
             |--------- middleware
             |--------- nuxt
             |--------- pipes
 |-------- routers
 |-------- modules
             |--------- modeule A..
             |--------- modeule B..
             |--------- modeule C..
             |--------- modeule D..