next.js - 基于 nextjs 中的用户代理重写

Question

我在 NextJs 中有一个多域网站。我想根据域和设备类型获取数据。现在我可以识别域，但我想让用户代理重写规则并在 getStaticProps 函数中使用它。这是我在 next.config.js 文件中的规则。

async rewrites() {
    return {
        afterFiles: [
            {
                has: [
                    {
                        type: 'host',
                        value: '(?<host>.*)',
                    },
                    {
                        type: 'header',
                        key: 'User-Agent',
                        value: '(?<ua>.*)',
                    },
                ],
                source: '/',
                destination: '/organizations/:host?ua=:ua',
            },
        ],
    };
},

你知道如何在重写中捕获用户代理吗？还是您有其他解决方案？我想识别设备类型（移动设备、平板电脑或桌面设备）并根据它们呈现不同的 DOM。