Angular SSR站点Google收录失败：页面重定向问题求助

方案1：统一URL规范（服务器+Angular路由保持一致） #

统一为不带尾斜杠的URL #

• 服务器端禁用自动添加尾斜杠的跳转：
  以Nginx为例，修改配置文件，用try_files直接匹配文件或文件夹下的index.html，同时禁用自动跳转：

  location / {
      try_files $uri $uri/index.html =404;
      port_in_redirect off;
      server_name_in_redirect off;
  }
  

• Angular路由保持不带尾斜杠的定义，确保RouterModule.forRoot里useHash设为false，路由配置示例：

  RouterModule.forRoot([
    { path: 'category/page', component: PageComponent }
  ])
  

统一为带尾斜杠的URL #

• 保留服务器自动跳转带尾斜杠的默认行为，修改Angular路由强制添加尾斜杠：
  自定义UrlSerializer来处理URL的序列化：

  import { DefaultUrlSerializer, UrlSerializer, UrlTree } from '@angular/router';
  
  export class TrailingSlashUrlSerializer extends DefaultUrlSerializer {
    parse(url: string): UrlTree {
      if (!url.endsWith('/')) {
        url += '/';
      }
      return super.parse(url);
    }
  
    serialize(tree: UrlTree): string {
      let path = super.serialize(tree);
      if (!path.endsWith('/')) {
        path += '/';
      }
      return path;
    }
  }
  

  在AppModule的providers中注册这个自定义序列化器：

  providers: [
    { provide: UrlSerializer, useClass: TrailingSlashUrlSerializer }
  ]
  

方案2：调整SSR生成的文件结构 #

默认SSR会生成category/page/index.html这种文件夹结构，导致服务器触发尾斜杠跳转。可以修改配置让生成的是category/page.html文件：

• 在server.ts中调整静态文件处理逻辑，优先匹配不带尾斜杠的.html文件：

  app.get('*.*', express.static(join(DIST_FOLDER, 'browser'), {
    maxAge: '1y',
    extensions: ['html']
  }));
  

• 确保Angular路由配置和生成的文件路径对应，访问website.com/category/page会直接匹配page.html，不会触发跳转。

方案3：服务器端301重定向统一URL #

在服务器层面做一次性301重定向，把所有请求统一到同一个规范（比如不带尾斜杠），避免Angular二次跳转：
以Nginx为例，添加重定向规则：

# 将带尾斜杠的URL永久重定向到不带尾斜杠的版本
rewrite ^/(.*)/$ /$1 permanent;

配置后，服务器会先处理重定向，再把请求交给Angular SSR，这样就不会出现双向重定向的问题。

内容的提问来源于stack exchange，提问作者Miky