angular - 如何在 Angular 7 上删除 URL 中的 Hash(#)

Question

我是 angular 7 的新手在我的项目中，我想删除 URL 中的 #(hash)

这是我的实际url https://dev.abc.com/web/

但是当我访问这个 url它像这样添加#(hash) https://dev.abc.com/web/#/

这是我的routing .module.js代码

import { NgModule } from '@angular/core';
import { RouterModule, Routes, Router } from '@angular/router';
import { HomeComponent } from '../views/home/home.component';
import { CubberComponent } from '../views/cubber/cubber.component';
import { SignupComponent } from '../views/cubber/signup/signup.component';
import { SigninComponent } from '../views/cubber/signin/signin.component';
import { MyinformationComponent } from '../views/cubber/myinformation/myinformation.component';
import { ProfileComponent } from '../views/cubber/profile/profile.component';
import { PasswordComponent } from '../views/cubber/password/password.component';
import { MyaddressComponent } from '../views/cubber/myaddress/myaddress.component';
import { AuthGuard } from '../service/auth/auth.guard';
import { DashboardComponent } from '../views/cubber/dashboard/dashboard.component';
import { MylistingComponent } from '../views/cubber/mylisting/mylisting.component';
import { MyavailablityComponent } from '../views/cubber/myavailablity/myavailablity.component';
import { MyphotosComponent } from '../views/cubber/myphotos/myphotos.component';
import { MypaymentComponent } from '../views/cubber/mypayment/mypayment.component';
export const routes: Routes = [
     {
          path: '',
          component: HomeComponent,
          pathMatch: 'full'
     },    
     {
          path: 'signup',
          component: SignupComponent,
          data: { title: 'signup' }
     }
];

@NgModule({
     imports: [
          RouterModule.forRoot(routes)],
          exports: []
})

export class AppRoutingModule {
     constructor(private router: Router) {
          this.router.errorHandler = (error: any) => {
          this.router.navigate(['login']);
          };
     }
}

我引用了它在 @NgModule 中所说的一些博客添加 userHash:false像这样

@NgModule({
     imports: [
          RouterModule.forRoot(routes,{userHash:false})],
          exports: []
})

我不确定它是否有效。

Please help me to remove #(hash) in my url

Answer 1

它的 PathLocationStrategy 是 Angular 中的默认位置策略。

检查您的模块导入，也可以通过提供 { useHash: true } 作为 RouterModule.forRoot 的第二个参数来覆盖它。 :

imports: [
    ...
    RouterModule.forRoot(routes, { useHash: false })
]

另请注意，在使用 PathLocationStrategy 时，您需要将 Web 服务器配置为为所有请求的位置提供 index.html(应用程序的入口点)。