angular6 - 使用加密令牌查询参数 angular 10

Question

我正在使用 angular 10 的查询字符串。我将令牌作为参数发送，但它包含斜杠，并且由于斜杠它与路由不匹配。这是我生成的链接

http://localhost:4200/setpassword/H/w4ee083hEr1oDsIVqMHfixizx2U48qYIIKYkdk9up21fS9atE30vQKQDA29qsYPyqMQF1E7DknJnlSHft+7OcybB0wXOoZVVABalNbeXcCTTvEarm8EdnJ6ZA19N0nwsIUl8l4ZW59GmV2pyWhxwPgpiXkxzI5mevT2xM1C7H0r/SQQLt9FOrdwR6EyAdTrQvqOlfYEkM7SJyjq+uH2ONleV1BiD9Kook/O2npX77KzVZDdLQLwPyL+yixJlsOCRWlQt1F4GCksQ983+m2341rro9w4k2yx7Jjj5AOiYSiujFIg8VVFaabEAd0Atyc7//T+x7ZX1QrM3YqOITQooNsssobQ0cDReSXneShkW6Zx0hb/cBj30DaNoVqNOa+3E2EK6PSSu31Q6UHQOxuo7Nw1MIVyBIHTvzUzT1WMoVqku78AopuWA6CAnFtt5o4GuLdz1bi6J0Lg6Sr0JGgZFlfOnRlZRoOvE8kxDbbVhEZnv3ezf8jhFR+obpgEnQ6qI+UQl0768QiZDnNDbEW9SIMXJGP4kCkXrMqmk6shvUr00S4z98vJMaI+rBRemxgK5+iVo0TcA+SAr8GhxCGdip3q4ehqrud7wWxi+8088Tjx2eED4DjwggEad3Ap9hmm/1JEqCV58F5rx+Y306G8ucYn7a /Ms8qsrh6+ctR9IW/0rxWq6qWHBbiAwwjQiL5

这是我的路由配置

{path: 'setpassword/:token', component: SetpasswordComponent }

我想获取这样的令牌，但什么也没给我。

this.objModel.token = this.route.snapshot.paramMap.get('token')

这是我设置网址的代码

var url = _appSettings.EmailUrl+ token;

标签： angular6angular8angular10

Answer 1

基本上问题在于您的令牌中的斜杠导致问题。您需要对令牌进行编码，然后将其作为参数发送。

var url = _appSettings.EmailUrl+ HttpUtility.UrlEncode(token);

这将有助于删除斜杠并改用 %2 符号。但是，当您使用它时，您必须解码此令牌以取回您的令牌以进行进一步处理。