我知道“window”或“document”对象在组件挂载之前在React组件中是不可识别的。
我正试图做一个下载按钮，从后端服务器接收处理过的Excel文件。在我使用React之前，我曾经这样实现。..

<button onclick="download()">Download</button>
    <script>
        function download() {
            const URL = 'http://dynamic-link.com/sample.xlsx'
            window.location.href = URL
        }
    </script>

然而，在Next。js或React，窗口对象无法识别，所以我不得不用另一种方式。下载URL是动态的，所以我不会使用下一个。config.js
页/索引。土耳其电信公司

//...
const handleDownloadExcel = () => {
    router.push('/download')
  }
//...
return(
//...
      <button onClick={() => handleDownloadExcel()}>Download!</button>
//...

pages/download.土耳其电信公司

import { useEffect } from 'react'
import { useRouter } from 'next/router'
const DownloadPage = () => {
    const router = useRouter();
    useEffect(() => {
        //I will pass this URL variable by props later on.
        const URL = 'http://dynamic-url.com/sample.xlsx'
        window.location.href = URL;
        router.push('/')
    }, [])

    return (
        <>
        </>
    )
}

export default DownloadPage;

现在我设法从服务器下载了一个文件，但它似乎不正确。还有别的办法吗？