Javascript 角度2禁用url编码

我想禁用url编码

当我在下面使用这个时

this.router.navigate(['/profile', { tags: 'one,two' }]);

url是这样的

http://localhost:4200/profile;tags=one%2Ctwo

我希望它像下面一样漂亮

http://localhost:4200/profile;tags=one,two

---

有没有办法禁用url编码？

url如下所示：

http://localhost:4200/profile;tags=one%2Ctwo

但当你消费它时，它不会带来任何问题。如果您为“配置文件”路由设置“canActive”防护，代码如下：

  canActivate(route: ActivatedRouteSnapshot) {
    console.log(route.params);}

---

当您导航到

http://localhost:4200/profile;tags=1%2Ctwo

，您将在控制台中看到

{tag:one，two}

。所以当你消费它时，它是“一，二”。当然，您可以复制此编码的url并发送给其他人使用。

Angular2默认情况下使用encodeURIComponent（）对url中的查询参数进行编码，您可以通过编写自定义url序列化程序并覆盖默认功能来避免这种情况

在我的例子中，我希望避免Angular2，以避免将逗号（，）替换为（%2）。我将查询传递为lang=en us，en uk，它将转换为lang=en us%2 en uk

下面是我的计算方法：

CustomUrlSerializer.ts

import {UrlSerializer, UrlTree, DefaultUrlSerializer} from '@angular/router';

export class CustomUrlSerializer implements UrlSerializer {
    parse(url: any): UrlTree {
        let dus = new DefaultUrlSerializer();
        return dus.parse(url);
    }

    serialize(tree: UrlTree): any {
        let dus = new DefaultUrlSerializer(),
            path = dus.serialize(tree);
        // use your regex to replace as per your requirement.
        return path.replace(/%2/g,',');
    }
}

将以下行添加到主appModule.ts

import {UrlSerializer} from '@angular/router';
import {CustomUrlSerializer} from './CustomUrlSerializer';

@NgModule({
    providers: [{ provide: UrlSerializer, useClass: CustomUrlSerializer }]
})

---

这不会破坏您的默认功能，并根据您的需要处理URL。

检查此@Deep，您的链接是针对angular 1的，这有点不同。您好，我很感激它的功能没有任何问题，我试图找到一种解决方案，使url变得美观或易于阅读。与其在这两种方法中都调用DefautlUrlSerializer，扩展DefautlUrlSerializer会起作用吗？我觉得这将是一种更干净、更简单的方法。@EnzamHossain是的，我们可以通过创建一个实例并跨.Hi@jigargala使用更干净的方法，当我们在模块@NgModule（{providers:[{provider:UrlSerializer，useClass:CustomUrlSerializer}）中使用它时，这将覆盖路由器中的defaultUrlSerializer，对吗？如果我错了，请纠正我。@jigargala我用CustomUrlSerializer这样的方法将url中的空格替换为+，但在IIS中上载我的angular应用程序时，我在页面刷新时遇到404错误，在localhost中，它工作正常。只有在url中有空格时才会发生这种情况。您能提供任何解决方案吗？