处理通过Vue-Router的电子邮件确认重定向

Question

我正在研究使用vue.js和auth0构建前端的项目，并将其作为IDP使用。

当用户登录并首次登录时，他们会被路由到/verify-email，其中包含一张注释，要求他们检查其电子邮件以验证其帐户。

单击电子邮件确认链接后，我期望以下请求：

http://localhost:3000/?supportSignUp=true
  &supportForgotPassword=true
  &email=john.doe%40exampleco.com
  &message=Your%20email%20was%20verified.%20You%20can%20continue%20using%20the%20application.
  &success=true#/register

因为它与Spas有关URLS“ rel =” nofollow noreferrer“> auth0的文档建议处理请求如下：

var express = require('express');
var router = express.Router();
var qs = require('qs'); // to read query string params and stringify them

router.get('/register', function(req, res, next) {
  var route = req.query.route; // retrieve the route param that contains the SPA client side route user needs to be redirected to.

  delete req.query.route; // remove it from query params.
  res.redirect('http://localhost:3000/#/' + route + '?' +  qs.stringify(req.query)); // Send a 302 redirect for the expected route
});

module.exports = router;

我的项目使用vue-router而不是Express来处理路线，因此我遵循相关文档 并进行了以下内容：

{
  path: '/account-confirmed/:emailVerificationParams',
  redirect: to => {
    return { path: '/', query: { q: to.params.emailVerificationParams } }
  },
},

当用户确认帐户时，他们被发送到> /帐户确认，它依次应将其重定向到/，这是一个受保护的路径，应提示他们在访问应用程序之前输入其登录凭据。

当我通过运行以下操作在URL中手动测试它时，重定向可以正常工作：

http://localhost:3000/?supportSignUp=true
  &supportForgotPassword=true
  &email=john.doe%40exampleco.com
  &message=Your%20email%20was%20verified.%20You%20can%20continue%20using%20the%20application.
  &success=true#/register

或：

http://cf_distribution_url/?supportSignUp=true
  &supportForgotPassword=true
  &email=john.doe%40exampleco.com
  &message=Your%20email%20was%20verified.%20You%20can%20continue%20using%20the%20application.
  &success=true#/register

通过运行，我的意思是，我正在通过在浏览器的URL地址栏中手动输入它们，就像我想访问一样Google，Facebook的网站或stack Overflow。

但是，当我单击电子邮件确认链接时，重定向不起作用。我会收到403错误作为响应，而我希望提示再次登录。

考虑到这一点，我有2个问题：

1. 我当前的重定向实施是什么问题？
2. 我该如何修复？

Answer 1

曲折的是，与vue相比，与auth0相比，问题更多。要解决我的问题，我只需要 oidc 中的力量重新验证