Question

我已经使用Universal发布了我的项目，并在.htaccess中指定了所有请求都应转到index.html（Angular应用程序的根页面）

在这里被问到： https://angular.io/guide/universal

它允许共享链接并打开URL中指定的组件

还创建了一个组件，以防万一打开了错误的路由： Handling 404 with Angular2

export const routes:RouterConfig = [
  ...Routes,
  // Show the 404 page for any routes that don't exist.
  { path: '**', component: Four04Component }
];

问题是搜索引擎将Four04Component视为状态为200 OK的简单页面，而不是错误页面。您知道如何与Four04Component一起检索404错误吗？

Answer 1

您必须将Response注入到您的angular应用程序中，才能首先更改server.ts中的这些行：

app.get('*', (req, res) => { //you can find these line easily
res.render('index', {
    req: req,
    res: res,
    providers: [
        {
            provide: REQUEST, useValue: (req)
        },
        {
            provide: RESPONSE, useValue: (res)
        }
    ]
    });
});

然后在您的 Four04 组件中注入如下响应：

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

之后，只需在 Four04 组件的ngoninit上尝试类似的操作：

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

希望这些帮助某人。

找不到路由时检索404状态。 Angular 6+和Universal

1 个答案: