三行代码高搞定nestjs静态图片映射方案

Jacky（易小天）

于 2024-07-30 09:58:10 发布

阅读量206

点赞数 7

本文链接：https://blog.csdn.net/qq_35374791/article/details/140788706

版权

方案一 @nestjs/serve-static 库映射

上代码

npm i @nestjs/serve-static

import { ServeStaticModule } from '@nestjs/serve-static';
import { join } from 'path';
const staticPath = join(__dirname, '..', '/public/');


@Module({
  imports: [
  ServeStaticModule.forRoot(
      {
        rootPath: staticPath,
      }
    ),
    ...
  ],
  controllers: [AppController, EmailController],
  providers: [AppService, EmailService]
})

验证效果

访问地址你的host+路径
实例
在这里插入图片描述

访问地址

http://localhost:3000/images/1722302477531.png

在这里插入图片描述

方案二 @nestjs/platform-express 映射（nest 自带不用安装）

直接上代码

...
import { NestExpressApplication } from '@nestjs/platform-express';
import { join } from 'path';
const staticPath = join(__dirname, '..', '/public');

async function bootstrap() {
  const app = await NestFactory.create<NestExpressApplication>(AppModule, {
    logger: ['verbose']
  });
  app.useStaticAssets(staticPath)
  ...
  await app.listen(3000);
}
bootstrap();