在 next.js 中，您可以使用根目錄中的“public”目錄來提供靜態資源。我的 index.html 文件位于此目錄中，因為我希望我的登陸頁面是純靜態的。但是，當使用next或時，我無法訪問http://localhost:3000/next start處的登陸頁面。我只能通過“ http://localhost:3000/index.html ”訪問我的登陸頁面。有沒有辦法設置 next.js，以便頂級域 ( http://localhost:3000 ) 將為我的登陸頁面提供服務？
2 回答
楊魅力
TA貢獻1811條經驗 獲得超6個贊
您可以將重寫添加到您的next.config.js. 為了允許 urlmysite.com/指向/public/index.html，我將其添加到我的配置中（內容在我的/public目錄中）：
rewrites: async () => {
return [
{
source: "/",
destination: "/index.html",
}
]
}
注意：index.jsx/.tsx將優先于中的文件/public
來源： https: //nextjs.org/docs/api-reference/next.config.js/rewrites
喵喔喔
TA貢獻1735條經驗 獲得超5個贊
Next.js 路由器僅提供從.js、.ts和目錄.tsx中導出的頁面pages。
您將需要一個自定義服務器來提供除此之外的任何服務。
定制服務器
另外，如果您使用反向代理，nginx您可以在服務器到達 Node.js 之前處理該請求。
它的用例是什么？如果登陸頁面只是一個.html文件，您可以將其包裝在 Next.js 頁面中。通過服務器端渲染，頁面將在服務器上預渲染并像文件一樣提供服務.html。
或者，如果您無法將 HTML 轉換為 JSX，您可以使用angerouslySetInnerHTML將原始 HTML 代碼設置為 React 的render().?但是，請謹防跨站點腳本 (XSS) 攻擊。
- 2 回答
- 0 關注
- 221 瀏覽
添加回答
舉報
0/150
提交
取消