fl427's Studio.

从0开始编写图片上传服务

字数统计: 214阅读时长: 1 min
2022/10/26 4

从0开始编写图片上传服务

简介

涉及知识点:

  • React18
  • ReactRouterV6
  • NestJS
  • Electron
  • 监控
  • 自动化测试
  • 部署上线

开发

前端

基础框架

css-module介绍: https://usecsv.com/community/react-css-modules

Electron

后端

图片服务器

https://docs.nestjs.com/recipes/serve-static#serve-static

https://zhuanlan.zhihu.com/p/369645693

让nestjs项目提供静态文件,主要参照以上两个文档

有很多博客使用import { NestExpressApplication } from ‘@nestjs/platform-express’,但这个没有试验成功,这些博客很可能过时了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { Module } from '@nestjs/common';
import { AppController } from './app.controller';
import { AppService } from './app.service';
import { ServeStaticModule } from '@nestjs/serve-static';
import { join } from 'path';

@Module({
imports: [
ServeStaticModule.forRoot({
rootPath: join(__dirname, '..', 'public'),
serveRoot: '/static',
}),
],
controllers: [AppController],
providers: [AppService],
})
export class AppModule {}

上传路由

断点上传

测试

部署

CATALOG
  1. 1. 从0开始编写图片上传服务
    1. 1.1. 简介
    2. 1.2. 开发
    3. 1.3. 测试
    4. 1.4. 部署