angular - NestJS および Fastify で静的コンテンツ (Angular 8) を使用する場合のルーティングの問題

Question

ここ数日、NestJS と Fastify で静的コンテンツを使用する際のルーティングの問題を修正する方法を探していました。具体的には、フードの下で Fastify を使用して、NestJS がホストする Angular 8 を使用しようとしています。私はチュートリアルで与えられた例に従っています: https://www.djamware.com/post/5d2898430707cc5968d9d57f/build-a-web-app-using-nestjs-fastify-mongodb-and-angular-8

問題は、 http://localhost:3000/articlesなどの特定の URL に直接移動しようとすると、Fastify サーバーが 404 エラー メッセージを含む JSON 文字列で応答することです。チュートリアルの GitHub リポジトリを複製し、Fastify を Express に置き換えるのに必要な以上のことを何もしないことで、問題を Fastify で特に問題のあるものに絞り込みました。

誰かが私が間違っていることを教えてくれることを期待して、コードを投稿しています。Express の代わりに Fastify を使用したいと思います。速度に関する主張が正確であれば、向上したパフォーマンスを実際に使用できるからです。Express のプロジェクトを切り替えるために使用したコードをコメントアウトして残しました。時間をかけてこれを調べ、助けようとしてくれた人に感謝します。

編集: GitHub リポジトリへのリンクを提供するのを忘れていたことに気付きました。https ://github.com/didinj/nestjs-fastify-mongodb-angular8.git

main.ts

import { NestFactory } from '@nestjs/core';
import { FastifyAdapter, NestFastifyApplication } from '@nestjs/platform-fastify';
import { AppModule } from './app.module';
import { join } from 'path';


async function bootstrap() {
  // const app = await NestFactory.create(AppModule);

  const app = await NestFactory.create<NestFastifyApplication>(
    AppModule,
    new FastifyAdapter({
      wildcard: false,
      logger: {
        level: 'trace',
        file: '/Users/jcorekin/fastify.log' // Will use pino.destination()
      }
    }),
  );
  app.useStaticAssets({
    root: join(__dirname, '../client/dist/
  });

  await app.listen(3000, '0.0.0.0');
}
bootstrap();

app.module.ts

import { Module } from '@nestjs/common';
import { AppController } from './app.controller';
import { AppService } from './app.service';
import { ArticleModule } from './article/article.module';
import { ServeStaticModule } from '@nestjs/serve-static';
import { join } from 'path';

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

app.service.ts

import { Injectable } from '@nestjs/common';

@Injectable()
export class AppService {
  getHello(): string {
    return 'Hello World!';
  }
}