인프런 커뮤니티 질문&답변

bee

작성한 질문수

탄탄한 백엔드 NestJS, 기초부터 심화까지

NestJS와 fastify & 협업을 위한 API 문서 만들기, CORS 문제

swagger 404

작성

568

안녕하세요.

고정 아이피에서 swagger가 404 에러가 나면서 들어가지지 않습니다. 원래 localhost docs로 잘 연결해서 사용했었는데 오늘 aws까지 연결 다 한 후 고정 아이피/docs로 swagger를 들어가보려고 보니까 에러가 나네요 ㅠㅠ 포트번호 80으로 들어가면 접속되는데, 원래 고정 아이피로는 docs 입장이 불가능 한가요?

nest 버전은 8.0.0 swagger 버전은 5.1.5입니다

docs로 접속하면 아래의 오류가 뜹니다.

{
    "success": false,
    "timestamp": "2022-01-20T07:32:49.291Z",
    "statusCode": 404,
    "message": "Cannot GET /docs",
    "error": "Not Found"
}

main.ts의 코드입니다.

  const config = new DocumentBuilder()
    .setTitle('C.I.C')
    .setDescription('blog project')
    .setVersion('1.0.0')
    .build();
  const document: OpenAPIObject = SwaggerModule.createDocument(app, config);
  SwaggerModule.setup('docs', app, document);

nodejs mongodb express ssr NestJS

답변 1

윤상석

지식공유자

안녕하세요!

고정아이피든 상관없이 잘 되어야 하는 것이 정상입니다!

해당 main.ts 파일 전체를 보여주실 수 있나요?? 도움 드리겠습니다!

bee

질문자

import { SuccessInterceptor } from './common/interceptors/success.interceptor';
import { HttpExceptionFilter } from './common/exceptions/http-excepton.filter';
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';
import { ValidationPipe } from '@nestjs/common';
import { DocumentBuilder, OpenAPIObject, SwaggerModule } from '@nestjs/swagger';
import * as expressBasicAuth from 'express-basic-auth';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  app.useGlobalFilters(new HttpExceptionFilter());
  app.useGlobalInterceptors(new SuccessInterceptor());
  app.use(
    ['/docs', '/docs-json'],
    expressBasicAuth({
      challenge: true,
      users: {
        [process.env.SWAGGER_USER]: process.env.SWAGGER_PASSWORD,
      },
    }),
  );
  app.enableCors({
    origin: true,
    credentials: true,
  });
  const config = new DocumentBuilder()
    .setTitle('C.I.C')
    .setDescription('blog project')
    .setVersion('1.0.0')
    .build();
  const document: OpenAPIObject = SwaggerModule.createDocument(app, config);
  SwaggerModule.setup('docs', app, document);
  app.useGlobalPipes(
    new ValidationPipe({
      whitelist: true,
      forbidNonWhitelisted: true,
      transform: true,
    }),
  );
  app.enableCors({
    origin: true,
    credentials: true,
  });
  await app.listen(process.env.PORT_NO);
}
bootstrap();

main.ts 전체 입니다 감사합니다!!

bee

작성한 질문수

전체 Q&A

질문하기