Angular 9: queryParams正在向路由URL中添加额外的字符

import { Router } from '@angular/router';

constructor(private router: Router) {}

navigateWithParams() {
  const param = 'some value with spaces';
  this.router.navigate(['/target-route'], {
    queryParams: { param: encodeURIComponent(param) }
  });
}

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.queryParams.subscribe(params => {
    const param = decodeURIComponent(params['param']);
    console.log(param);
  });
}

navigateWithObjectParams() {
  const obj = { key: 'value', anotherKey: 'anotherValue' };
  this.router.navigate(['/target-route'], {
    queryParams: { obj: JSON.stringify(obj) }
  });
}

ngOnInit() {
  this.route.queryParams.subscribe(params => {
    if (params['obj']) {
      const obj = JSON.parse(params['obj']);
      console.log(obj);
    }
  });
}