将此代码分配给window.location容易受到XSS攻击吗？

如何解决将此代码分配给window.location容易受到XSS攻击吗？

谁能告诉我此代码是否易受攻击？如果可以，请提供一些XSS示例，以便我理解。

代码页网址：

https://myweb.com/auth?redirect_uri=https://otherurl.com/sdfdsf/sdfsdf

此代码容易受到XSS攻击吗？


<a id="forgotPassword">forgotPassword</a>

<script>
//Jquery Code

$('#forgotPassword').click(function(){
 var redirectUri='https://otherurl.com/sdfdsf/sdfsdf',URLMatch=redirectUri.match(/^(.*?)(.com|.ca)/);
  if(URLMatch){
   window.location=URLMatch[0]+"/forgotPassword";
  }
});
</script>

解决方法

如果此代码是自动生成的，以便从页面URL redirectUri的查询参数redirect_uri中读取https://myweb.com/auth?redirect_uri=...的值，则不进行编码或转义，并且不使用正则表达式保持这种方式（即必须与.com或.ca匹配），那么您很可能容易受到XSS攻击。

这是一种威胁模型：

用户转到https://myweb.com/auth?redirect_uri=javascript:alert(42)//.com

然后在https://myweb.com/auth处，脚本从URL中提取redirect_uri参数，并将其输入到不安全胡子模板中。例如

const  mustache = require("mustache");

const template = `
$('#forgotPassword').click(function(){
 var redirectUri='{{{url}}}',URLMatch=redirectUri.match(/^(.*?)(.com|.ca)/);
  if(URLMatch){
   window.location=URLMatch[0]+"/forgotPassword";
  }
});
`;

const jquery_code = mustache.render(template,{
  url: new URLSearchParams(window.location.search).get('redirect_uri')
});

这是jquery_code变量包含的内容：

$('#forgotPassword').click(function(){
 var redirectUri='javascript:alert(42)//.com',URLMatch=redirectUri.match(/^(.*?)(.com|.ca)/);
  if(URLMatch){
   window.location=URLMatch[0]+"/forgotPassword";
  }
});

让我们看看如果将其注入页面会发生什么：（我决定登录到控制台，脚本将分配给window.location。您自己复制/粘贴并运行到控制台中，以看看会发生什么。）

$('#forgotPassword').click(function(){
 var redirectUri='javascript:alert(42)//.com',URLMatch=redirectUri.match(/^(.*?)(.com|.ca)/);
  if(URLMatch){
   // window.location=URLMatch[0]+"/forgotPassword";
   console.log(
     `window.location="${URLMatch[0]+"/forgotPassword"}";`
   )
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a id="forgotPassword">forgotPassword</a>

发生了什么事？

{{{ }}}小胡子表示法使您退出编码/转义。即您按原样使用该值。
由于您的正则表达式，您已允许使用JavaScript网址。检查必须以https或http 开头。