使用`@next/bundle analyzer`时在`next.config.js`中重定向

Question

我的next.config.js:中有以下代码

module.exports = withBundleAnalyzer({
pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
experimental: {
modern: true,
},
webpack: (config, options) => {
...
}
})

我想从/重定向到/about页面。

Next.js文档说，这就是你应该如何使用重定向：

module.exports = {
async redirects() {
return [
{
source: '/',
destination: '/about',
permanent: true
}
]
}
}

在我的情况下，即在使用@next/bundle-analyzer时，如何使用redirects？

Answer 1

module.exports = withBundleAnalyzer({
pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
experimental: {
modern: true,
},
webpack: (config, options) => {
...
},
async redirects() {
return [
{
source: '/',
destination: '/about',
permanent: true
}
]
}
}

或更清晰：

module.exports = withBundleAnalyzer({
pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
experimental: {
modern: true,
},
webpack: (config, options) => {
...
},
redirects: async () => {
return [
{
source: '/',
destination: '/about',
permanent: true
}
]
}
}