fl427's Studio.

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

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

从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. 开发
      1. 1.2.1. 前端
        1. 1.2.1.1. 基础框架
        2. 1.2.1.2. Electron
      2. 1.2.2. 后端
        1. 1.2.2.1. 图片服务器
        2. 1.2.2.2. 上传路由
        3. 1.2.2.3. 断点上传
    3. 1.3. 测试
    4. 1.4. 部署