我试图创建规范的URL为我的网页使用下一个元数据在RootLayout layout.js文件。
这就是我的middleware.js的样子

import { NextResponse } from 'next/server'
export function middleware(request) {
  const requestHeaders = new Headers(request.headers)
  const { pathname } = request.nextUrl

  requestHeaders.set('x-url', request.url || '')
  requestHeaders.set('x-invoke-path', pathname || '')

  return NextResponse.next({
    request: {
      headers: requestHeaders
    }
  })
}

字符串
在layout.js文件中，我试图获取规范URL，如下所示

...
import { headers } from 'next/headers'
...

export const metadata = () => {
  const headersList = headers()
  const pathName =
     headersList.get('x-url') || headersList.get('x-invoke-path') || ''
  return {
    ...
     alternates: {
      canonical: `https://example.com ${pathName}`
    }
    ....
  }

型
我在这里错过了什么？我在本地环境中得到了预期的完整路径。