NestJs中具有客户端路由的服务应用程序

Question

我有一个示例react应用程序，使用带有一条路由的react路由器dom"重置/：令牌"；

当我在开发服务器上运行我的应用程序并导航到我的路线时，一切都很好

但在服务器静态中使用ServeStaticModule，当我导航到我的路线时；无法获取/重置/5T4665"；和404状态代码

这是我的代码：

应用程序模块

@Module({
imports: [
ConfigModule.forRoot({
envFilePath: 'config/' + `.${process.env.NODE_ENV}.env`,
isGlobal: true,
}),
MongooseModule.forRoot(`${process.env.MONGO_URI}`),
ServeStaticModule.forRoot({
rootPath: join(__dirname, '..', 'public'),
renderPath: '/',
}),
BullModule.forRoot({
redis: {
host: 'localhost',
port: 6379,
},
}),

],
controllers: [AppController],
providers: [AppService],
})
export class AppModule {}

如有任何帮助，将不胜感激

Answer 1

我通过在字段renderPath 中添加Asterisk来修复它

ServeStaticModule.forRoot({
rootPath: join(__dirname, '..', 'public'),
renderPath: '/*',
}),

来源：https://create-react-app.dev/docs/deployment/#serving-具有客户端路由的应用程序