NEXT JS：點擊按鈕（而不是加載路線）重定向到外部 URL

Question

我一直在嘗試使用 NEXTJS 使用絕對路徑重定向到外部 URL 以執行 oAuth 驗證。

我嘗試使用

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

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

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

但所有這些總是 append 最后的結果：

本地主機：3000/absolute_path

我看見：

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

但這會在頁面加載時立即執行重定向，我不希望這樣我想基於單擊按鈕重定向到外部 URL 以便我可以在 Z5F075AE3E1F9D0382FBB8C4F666666666666663666636666666663663

一種方法是在按鈕單擊時修改 URL 參數，然后在上面的config中編寫一個表達式，以便匹配和重定向，但這似乎非常復雜，所以我想知道是否有更好的解決方案？