2.nestjs配置静态资源

设置静态资源

设置静态文件

1. 根目录下创建public文件夹，放入一张图片

2. 在main.ts引入http平台

   import { NestFactory } from '@nestjs/core';
   import { AppModule } from './app.module';
   // 1.引入NestExpressApplication
   import { NestExpressApplication } from '@nestjs/platform-express';
   
   async function bootstrap() {
     // 2.加入到create
     const app = await NestFactory.create<NestExpressApplication>(AppModule);
     // 3.配置静态资源目录
     app.useStaticAssets('public');
     await app.listen(3000);
   }
   bootstrap();
   

   访问

   http://localhost:3000/2.jpg
   http://localhost:3000/base.css
   

3. 进阶：配置虚拟路径的2种方法

   import { NestFactory } from '@nestjs/core';
   import { AppModule } from './app.module';
   import { join } from 'path';
   
   // 1.引入NestExpressApplication
   import { NestExpressApplication } from '@nestjs/platform-express';
   
   async function bootstrap() {
     // 2.加入到create
     const app = await NestFactory.create<NestExpressApplication>(AppModule);
     // 3.配置静态资源目录
     // app.useStaticAssets('public');
     
     // 3.1 设置虚拟路径
     // app.useStaticAssets('public', {
     //   prefix: '/static/'
     // })
   
     /* 
      * 3.1.2 设置虚拟路径2 
      * 注：需要引入import { join } from 'path';
      * 访问连接：http://localhost:3000/static/2.jpg
      */
     app.useStaticAssets(join(__dirname, '..', 'public'), {
       prefix: '/static/'
     })
     
     await app.listen(3000);
   }
   bootstrap();