Angular 2+将所有非尾随反斜杠网址重定向到尾随反斜杠网址答案

【问题标题】：Angular 2+ Redirect all non trailing backlash urls to trailing backslash urlsAngular 2+将所有非尾随反斜杠网址重定向到尾随反斜杠网址
【发布时间】：2020-03-14 16:51:04
【问题描述】：

在我的 Angular 应用程序中，我有大量路由，我希望将所有非尾随反斜杠 301 重定向到从 server.ts 处理的尾随反斜杠 url

我想要的是这样的

app.get('/about', function (req, res, next) {  
  return res.redirect('/about/'); 
});

app.get('/person/john', function (req, res, next) {  
  return res.redirect('/person/john/'); 
});

我怎样才能实现所有网址，这怎么可能？包括查询参数

【问题讨论】：

标签： node.js angular http redirect

【解决方案1】：

不建议在 Angular 中这样做。

唯一合乎逻辑的方法是在您的服务器设置（如 IIS、nginx 等）上进行。

互联网上有一些有线方式可以在 Angular 中完成。但我根本不推荐它们。唯一合乎逻辑的方式是通过服务器端。

一个可以在这里找到：

https://github.com/angular/angular/issues/14905#issuecomment-283995900

这个实际上删除了它。但是通过理解这个想法，您可以添加斜杠。

【讨论】：

我想这会添加斜杠但不会创建 301 重定向，我想要 301 的原因是我们有一个带有斜杠的旧网站，所以对于 SEO，我们需要一个 301非斜杠网址的重定向

【解决方案2】：

你可以这样写路由：

export const fooRoutes: Routes = [
    {
        path: '/about', component: AboutComponent
    }
];

【讨论】：