Angular 8-URL使用routerLink加载，但在LOCALHOST的浏览器中直接访问时不显示

Question

我已经开发了Angular 8应用程序，我正在使用routerLink导航组件，这些组件工作正常，没有任何问题，但是当我直接在浏览器中输入相同的URL时，它不会显示任何内容，在控制台中，我看到的错误如下所示

例如，我打开主页http://localhost:4200/home我在这里添加了routerLink，以便http://localhost:4200/about我将能够成功地查看，但如果我输入URLhttp://localhost:4200/about直接在ULR中没有显示任何内容

我已经搞定了app-routing.model.ts

const routes: Routes =
    [
        { path: 'home', component: HomeComponent },
        { path: 'about', component: AboutComponent },
        { path: '**', redirectTo: '/home', pathMatch: 'full' }
    ];
    @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})

我有头球。组成部分ts来处理导航栏，因此我添加了

你能告诉我是不是出了什么事吗。

在问这个问题之前，我已经看了下面的内容，没有任何帮助

1. RouterLink不工作
2. Angular 2路由在部署到Http服务器时不工作
3. Angular2路由-url不会更改，页面也不会加载




Answer 1

这可能有点奇怪，但我在cssclass=“class class2”中有一个尾随空格

Answer 2

对于apache服务器，您可以添加。htaccess文件

RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]

# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html

Answer 3

匿名用户

在服务器上，我们可以使用哈希策略进行路由。

在路由文件中，只需替换路由模块。forRoot（路由）到路由模块。forRoot（路由，{useHash:true}）。