是否有可能在Next.js中只有移动页面?

Question

我正在为我的Next.js应用程序构建页面，并有一个页面，只是移动设计的一部分。我想知道我如何只为那些在移动设备上导航的人提供这个页面——然后在桌面设备上，如果他们要求这个页面默认为主页或出现错误?

/pages
index.js
mobile-only.js

Answer 1

您可以尝试在getServerSideProps中解析useragent标头并相应地重定向。

在那里你可以找到你可以使用的RegExes:

getServerSideProps函数示例:

export const getServerSideProps = async ({ req }) => {
// You need to make this function `parseUA` by yourself 
const isMobile = parseUA(req.headers['user-agent'])
if (!isMobile) {
return {
redirect: {
destination: '/some/other/page',
permanent: false
}
}
}
// Your regular logic for mobile page here 
return {
props: {
data: {
// ...
}
},
};
};