해결하는 문제

서버측

import { ngExpressEngine } from '@nguniversal/express-engine';
import { provideModuleMap } from '@nguniversal/module-map-ngfactory-loader';

...

const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require(path.join(DIST_FOLDER, 'main.bundle'));

const server = express();

server.engine('html', ngExpressEngine({
    bootstrap: AppServerModuleNgFactory,
    providers: [ provideModuleMap(LAZY_MODULE_MAP) ],
}));

...

import { Routes } from '@angular/router';

export const routes: Routes = [
    ...
    { path: 'not-found', loadChildren: './features/not-found/not-found.module#NotFoundModule' },
    { path: '**', redirectTo: 'not-found' },
];

import { Component, Inject, OnInit, Optional, PLATFORM_ID } from '@angular/core';
import { isPlatformServer } from '@angular/common';
import { RESPONSE } from '@nguniversal/express-engine/tokens';
import { Response } from 'express';

@Component({
    selector: 'app-not-found',
    templateUrl: './not-found.component.html',
    styleUrls: [ './not-found.component.scss' ],
})
export class NotFoundComponent implements OnInit {
    constructor(
        @Optional()
        @Inject(RESPONSE)
        private response: Response,
        @Inject(PLATFORM_ID) private platformId: Object,
    ) {}

    public ngOnInit() {
        if (isPlatformServer(this.platformId)) {
            this.response.status(404);
        }
    }
}

    constructor(
        @Optional()
        @Inject(RESPONSE)
        private response: Response,
        @Inject(PLATFORM_ID) private platformId: Object,
    ) {}

RESPONSE

PLATFORM_ID

        if (isPlatformServer(this.platformId)) {
            this.response.status(404);
        }

결과

요약