URL编码打破角度2导航

时间:2017-09-27 06:28:48

标签: angular url-encoding

我有一个以角度2开发的网站。 当我在chrome中提供可选参数时,例如

https://aglplus-ui-demo.azurewebsites.net/home?error_code=10000&transaction_id=1543

这会转换为

https://aglplus-ui-demo.azurewebsites.net/home%3Ferror_code%3D10000%26transaction_id%3D1543

并且无法在chrome中找到该页面。但是,当我在隐身模式下粘贴相同的网址时,它会完美运行。我是棱角分明的新人,我无法找到相同的原因。你能不能指引我走向正确的方向。

2 个答案:

答案 0 :(得分:4)

当我登录系统时,问题就出现了。有一个验证功能,使用router.navigate()重定向。将其更改为router.navigateByUrl()修复了该问题。但是,我不确定为什么会这样。如果有人可以指导我,我将非常感激。

答案 1 :(得分:0)

如果您的路径包含哈希参数和查询参数,并且您想使用“导航”方法,则必须使用以下格式:

  

router.navigate([path],{queryParams:queryParams,fragment:fragment,relativeTo:route});

或者,正如@ krishanu-choudhury回答的那样,你可以使用

  

router.navigateByUrl()

方法