简体   繁体   English

NEXT JS:点击按钮(而不是加载路线)重定向到外部 URL

NEXT JS: Redirec to external URL on Click of button (and not on loading a route)

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文简体   中文繁体   英文版本 版本,有任何建议请联系yoyou2525@163.com。

I have been continiously trying to redirect to an external URL with absolute path using NEXTJS in order to perform oAuth verification.我一直在尝试使用 NEXTJS 使用绝对路径重定向到外部 URL 以执行 oAuth 验证。

I tried using我尝试使用

<button><a href='absolute_path'>Redirect to Website</a></button>

onClick = () => window.location.href = 'absolute_path'

onClick = () => window.location.assign('absolute_path')

But all of these always append the result at the end:但所有这些总是 append 最后的结果:

localhost:3000/absolute_path本地主机:3000/absolute_path

I saw:我看见:

async redirects() {
    return [
      {
        source: '/',
        destination: 'https://appcenter.intuit.com/connect/oauth2',
        permanent: false,
        basePath: false,
      },
    ];
  },

But this performs immediate redirect on page load, I don't want that instead I want to redirect to external URL based on a button click so that I could inject URL params on the Go.但这会在页面加载时立即执行重定向,我不希望这样我想基于单击按钮重定向到外部 URL 以便我可以在 Z5F075AE3E1F9D0382FBB8C4F666666666666663666636666666663663

One way could be to modify URL parameters on button click and then writing an expression in the above config so that it matches and redirects, however that seems to be super complicated so I wanted to know if there's any better solution to this?一种方法是在按钮单击时修改 URL 参数,然后在上面的config中编写一个表达式,以便匹配和重定向,但这似乎非常复杂,所以我想知道是否有更好的解决方案?

问题暂未有回复.您可以查看右边的相关问题.
1 点击外部网址按钮 - Click external url button

我需要在浏览器中打开一个网站,然后单击该网站上的一个按钮。 这是一个不同的网站,与我的网站无关。 它保存带有按钮的开源数据,可将数据下载/保存到 CSV 文件中。 我尝试使用 asp.net C# 自动执行此操作,但遇到了障碍,所以现在回到我更熟悉的 JS/jQuery。 ...

3 单击按钮加载下一级 - Loading next level with button click

我正在使用AndEngine。 我有一个场景,我想在所有关卡中都重复使用。 唯一会改变的是通过我创建的用于加载关卡的方法在场景中加载的对象。 我面临的问题是,在级别结束时,用户可以选择继续到下一个级别。 我允许用户使用此方法加载下一个级别。 loadLevel(int ...

5 next.js api 路由,调用一些外部 api Z572D1221E8E6BBC1E421E5E6BBC1E421E5E6BBC1E421E5E6BBC79 - next.js api route, 504 timeout in aws EC2 when calling some external api url

我有以下Next.js api路线用于测试目的。 所有 4 个 axois 调用都可以在 localhost 中完美运行; 但是在生产中(由 AWS EC2 托管); 最后 2 次调用失败,原因是504 gateway time-out 。 我曾想过nginx和 AWS in-bound/out- ...

8 Next JS 正在加载外部脚本但不执行它们 - Next JS is loading external script but not executing them

在我的下一个最新版本 12.1.6 的应用程序中,我正在尝试使用引导程序。 我已将 CDN 中的引导 CSS 和 js 文件添加到pages/_app.js的头部,如下所示, 我使用如下引导导航, 我注意到引导 CSS 已加载并执行。 但它的 JS 正在加载但没有执行。 因为页面不是交互式菜 ...

10 使用反应 js_在下一页上没有路由按钮,在按钮点击时导航到全新的页面 - Navigate to totally new page on button click using react js_having no route buttons on next page

我一直在尝试使用Route/BrowserHistory从一个页面导航到另一个页面,但他们所做的是将路由器按钮保留在页面顶部。 但是,我想导航到一个完全不同的页面,该页面不包含该路由按钮。 例如,就我而言,我的第一页包含两个按钮Configuration和User Portal 。 单击任何按钮时 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM