Angular 路由井号的问题

Question

• 只有一个测试页面的 Angular 项目，在本地运行起来，通过地址 [http://localhost:4200/test](http://localhost:4200/test) 访问正常显示
  
• 使用命令 ng build --prod --aot --base-href ./ 编译后部署到 tomcat 使用URL [http://www.我的域名:8080/atoolsfe/test](http://www.我的域名:8080/atoolsfe/test) 显示404，使用URL [http://www.我的域名:8080/atoolsfe/#/test](http://www.我的域名:8080/atoolsfe/#/test) 则显示如下：
  
• 上面第一个图片中的“管理商城测试页面！” 是项目一个模块对应的页面，其中只有这几个字
• 项目根路由代码如下：

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


const routes: Routes = [
  { 
    path:'test',
    loadChildren:'./pages/test/test.module#TestModule',
    data:{ title:'测试页面',isRemove: true }
  },
];

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

• 子页面路由的代码如下：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { TestComponent } from './test.component';


const routes: Routes = [
  { path:'',component:TestComponent}
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class TestRoutingModule { }

• 这是什么问题，要如何解决？或者推荐个文章看看，万分感谢！

Answer 1

Tomcat 配路由重写了吗？

---

补充回答：见评论区