如何使用Angular App设置IIS错误页面

时间:2018-10-17 09:15:32

标签: angular iis

我实际上在Angular Web应用程序上工作。 我将角度设置为错误页面:

{ path : "not-found", component : NotFoundComponent},
{ path: '**', component : NotFoundComponent }

我也在做模板。

我尝试在IIS中配置自定义错误页面。

我进入IIS,单击error pages-> Edit Feature Settings,然后选择Custom error pages。 在default page部分,我的页面类型是File,而Path是 dist/out-tsc/src/app/dont-found/dont-found.component

此后,我单击404 status code中的行response action,选择insert content from static file into the rror response,选择相同的文件,然后选择默认页面路径。

问题是,当我写错URL页面时,它显示我的代码,但没有显示模板。

这是我找不到的component.ts

import { Component, OnInit, Inject } from '@angular/core';
import { DOCUMENT } from '@angular/platform-browser';

@Component({
  selector: 'app-not-found',
  templateUrl: './not-found.component.html',
  styleUrls: ['./not-found.component.css']
})
export class NotFoundComponent implements OnInit {

  constructor(@Inject(DOCUMENT) private document : any) { 
  }
  ngOnInit() { 
    this.document.body.style.backgroundColor = "#910000d1"
  }

}

这是我未找到的.component.html

<p>404 not found</p>

感谢您的帮助。

0 个答案:

没有答案