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