如何在不改变页面刷新的情况下，在NextJS中将参数url重写为目录？

module.exports = {
  async rewrites() {
    return [
      {
        source: '/:slug',
        destination: '/[slug]'
      }
    ]
  }
}

// pages/[slug].js

export async function getStaticPaths() {
  // 返回动态路由参数的列表
  return {
    paths: [
      { params: { slug: 'page1' } },
      { params: { slug: 'page2' } },
      { params: { slug: 'page3' } }
    ],
    fallback: false
  }
}

export async function getStaticProps({ params }) {
  // 根据参数获取页面内容
  const { slug } = params;
  // 根据slug获取页面数据
  const pageData = await fetchPageData(slug);
  
  return {
    props: {
      pageData
    }
  }
}

export default function Page({ pageData }) {
  // 渲染页面内容
  return (
    <div>
      <h1>{pageData.title}</h1>
      <p>{pageData.content}</p>
    </div>
  )
}