相关疑难解决方法(0)

使用 beforeEnter 传递数据到路由组件

我将如何调用一个函数并将beforeEnter数据传递给相应的路由组件?

在这种情况下,beforeEnter 的目的是确认有效的不记名令牌作为 cookie 存在。

目前,我已经beforeEnter在 上点击了 aws api gateway /verify/auth,然后组件加载并调用 上的 dynamodb /list/repos。问题是,这两条路由都受到内置 AWS api gatewayV2 JWT 授权者的保护,因此点击/verify/auth.

我想要的是进行beforeEnterhit /list/repos,利用内置的 JWT 授权器,并使用从 api 调用获得的数据加载下一页。如果用户未经过正确身份验证,beforeEnter则不会将用户发送到路由。

所以:

  • api调用->加载页面

而不是

  • api调用->加载页面->api调用

这是我的代码。我在这里看过类似的问题,但无法弄清楚。beforeEnter 将数据传递给路由组件

索引.js

let repositories = [];

async function listRepositories(to, from, next) {
  var isAuthenticated = false;
  console.log("testing listRepositories...");
  if (Vue.$cookies.get("Authorization")) {
    try {
      const response = await fetch(
        process.env.VUE_APP_API_GATEWAY_ENDPOINT + "/list/repos",
        {
          method: "POST",
          body: '{"repo_owner": …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-router vue-component vuejs2

7
推荐指数
1
解决办法
3468
查看次数

标签 统计

javascript ×1

vue-component ×1

vue-router ×1

vue.js ×1

vuejs2 ×1