问题描述：

在使用Angular 8和Angular PWA（渐进式Web应用程序）进行开发时，直接通过URL访问特定页面时，路由可能不起作用。这可能会导致错误的页面加载或出现404错误。

解决方法：

1. 在根模块中添加HashLocationStrategy：

在根模块（通常是app.module.ts）中，将LocationStrategy设置为HashLocationStrategy。这将使用URL的哈希部分来进行路由。

import { LocationStrategy, HashLocationStrategy } from '@angular/common';

@NgModule({
  providers: [
    { provide: LocationStrategy, useClass: HashLocationStrategy }
  ],
})
export class AppModule { }

2. 配置PWA服务工作器：

在ngsw-config.json文件中，添加navigationUrls配置项。这将告诉PWA服务工作器如何处理直接访问URL的请求。

{
  ...
  "navigationUrls": [
    "/your-route",
    "/another-route"
  ]
}

确保将"your-route"和"another-route"替换为您的实际路由路径。

3. 在index.html文件中添加基本标签：

在index.html文件的标签中，添加标签。这将确保基本标签正确设置，以便路由正常工作。

  
  ...

4. 更新Angular CLI版本：

确保您正在使用最新版本的Angular CLI。您可以使用以下命令检查和更新CLI：

ng --version

ng update @angular/cli

这些解决方法应该能够解决直接URL不起作用的问题。如果问题仍然存在，请确保您的路由配置正确，并检查是否有其他错误或警告信息。