Reactjs 如何从Next.js覆盖AMP URL模式_Reactjs_Next.js

Reactjs 如何从Next.js覆盖AMP URL模式

reactjs next.js

Reactjs 如何从Next.js覆盖AMP URL模式,reactjs,next.js,Reactjs,Next.js,我可以将默认URL AMP替换为其他模式吗例如：？amp=1>/amp/ Next.Js doc: 页面呈现为传统HTML（默认）和AMP HTML（通过向URL添加？AMP=1）我不知道在下一个js中有什么现有的功能，但您可以通过在/amp文件夹中添加页面，自己使用文件系统路由来实现： pages/index.js pages/amp/index.js amp页面只是重新导出其等效页面的内容： // /amp/index.js import Page, { getStaticPro

我可以将默认URL AMP替换为其他模式吗

例如：？amp=1>/amp/

Next.Js doc:

页面呈现为传统HTML（默认）和AMP HTML（通过向URL添加？AMP=1）

我不知道在下一个js中有什么现有的功能，但您可以通过在

/amp

文件夹中添加页面，自己使用文件系统路由来实现：

pages/index.js
pages/amp/index.js

amp页面只是重新导出其等效页面的内容：

// /amp/index.js
import Page, { getStaticProps } from "../index";

export const config = { amp: true };
export default Page;
export { getStaticProps };

不是amp的页面是标准页面，但不要忘记链接到amp页面：

export config = {}

export default Page(){
  const isAmp = useAmp();
  return (
  <>
      {isAmp ? (
        <Head>
          <link rel="canonical" href="/" />
        </Head>
      ) : (
        <Head>
          <link rel="amphtml" href="/amp" />
        </Head>
      )}
      <div>Home Page</div>

  </>)
}

export-config={}
导出默认页面（）{
常量isAmp=useAmp（）；
返回(
{isAmp(
) : (
)}
主页
)
}