查询参数 angular 10 with encrypted token

Question

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

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')

这是我设置的代码url

var url = _appSettings.EmailUrl+ token;

Answer 1

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

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

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