nestjs + ssr初探

nestjs + ssr

Posted by hdj on July 10, 2023

项目创建 nestjs + SSR

通过ssr(号称地球最好用的ssr框架,支持vite,react,vue3,尝试一下)这个项目初始化nest + react 的项目模版

初始化命令

···
$ npm init ssr-app my-ssr-project
$ cd my-ssr-project
$ npm install # 可以使用 yarn 
$ npm start
$ open http://localhost:3000 # 访问应用
$ npm run build # 资源构建,等价于 npx ssr build
$ npm run start:vite # 以 vite 模式启动,等价于 npx ssr start --vite
···

创建之后目录如下:

初始化命令

目录 作用
src 存放nestjs 相关文件
web 存放页面相关资源
typings 部分ts类型
config.ts 项目启动入口
src/main.ts nestjs 入口
其他文件 可查看相关文档nestjs ——SSR

npm start 运行即可

需要注意的是本地开发的时候web段是在8999端口进行的代理,生产环境下NODE_ENV必须为production,这样生产就不会出现代理的情况

第一个接口(user)

创建modules文件夹,增加user目录

从里面增加user.controller.ts,user.modules.ts,user.entity.ts,user.service.ts,

文件 作用
controller 控制器(控制器负责处理传入的请求并将响应返回给客户端。)
module 模块( 模块是具有 @Module() 装饰器的类。 @Module() 装饰器提供了元数据,Nest 用它来组织应用程序结构。)
entity 实体, 对应着后面数据库的实体
service 从service文件里进行增删查改
  ··· user.controller
  
    
   
  ···