刷新时IIS -404中的Angular2路由-如何使用HashLocationStrategy

在刷新时，使用HashLocationStrategy来解决Angular2路由中的IIS -404错误问题。

Angular2中的路由默认使用的是PathLocationStrategy，它使用HTML5的history API来管理URL，并且不带有#符号。但是在一些情况下，比如在IIS服务器上部署Angular2应用时，刷新页面会导致404错误，因为IIS服务器会尝试去找到对应的物理文件。

为了解决这个问题，可以使用HashLocationStrategy来替代PathLocationStrategy。HashLocationStrategy在URL中使用#符号来管理路由，这样刷新页面时，IIS服务器会忽略#后面的内容，不会再去寻找物理文件，从而避免了404错误。

要使用HashLocationStrategy，首先需要在Angular2应用的路由模块中进行配置。在路由模块中，需要导入HashLocationStrategy和LocationStrategy，并在providers数组中进行配置，如下所示：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HashLocationStrategy, LocationStrategy } from '@angular/common';

const routes: Routes = [
  // 路由配置
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
  providers: [
    { provide: LocationStrategy, useClass: HashLocationStrategy }
  ]
})
export class AppRoutingModule { }

在配置中，通过providers数组中的provide和useClass来指定使用HashLocationStrategy。

配置完成后，刷新页面时就不会再出现IIS -404错误了。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

腾讯云云服务器（CVM）是一种可弹性伸缩的云服务器，提供高性能、高可靠的计算能力，适用于各种应用场景。

腾讯云对象存储（COS）是一种安全、低成本、高可靠的云存储服务，适用于存储和处理各种类型的数据。

更多关于腾讯云云服务器和对象存储的详细介绍和产品链接，请参考以下链接：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos