如何在 nextjs 上添加帶有 html 擴展名的頁面路由
[英]How to add a page route with html extension on nextjs
問題描述
我需要將非 nextjs 頁面轉換為 nextjs。 為了不丟失我的 SEO 排名，我必須創建帶有 html 擴展名的路由。 為了使圖片看起來更好，我在下面添加了文件夾結構。
不幸的是，這條路線在瀏覽器上以 404 結尾。
問題是什么？ 我可以使用帶有 html 擴展名的 Next.js 路由嗎？
2 個解決方案
解決方案1
0 2022-06-09 16:33:32
此命名約定search-result.html不允許用於公共子目錄。 有一些方法可以在接下來顯示 html 文件，但我不確定它們是否會起作用檢查這個
但是您可以輕松地在Next js項目中復制<body>標記內的所有內容，它會正常工作。 但是，您必須在<Head/>組件中的Next js中手動添加<meta>和其他 head 標簽。
解決方案2
0 2022-06-10 11:45:33
您可以通過 nextJS 中的pageExtensions 選項執行此操作 -
我部署了一個 vercel 應用程序來展示它是如何工作的
https://html-ext.vercel.app/search-results.html
腳步
- 將
pageExtensions添加到next.config.js文件，即
pageExtensions: ['html', 'jsx', 'js', 'tsx', 'ts'],
- 將
pages目錄下的文件重命名為.html.js- 在本例中為search-results.html.js。
如何處理 NextJS 導出文件擴展名為.html 但在<link>沒有。html
[英]How to deal with NextJS exporting files with .html extension but in<Link> there is no .html
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.