如何导出带app路由与动态路由的Next.js 13项目至Tomcat部署
问题详情
我在将项目导出为HTML、CSS、JS静态文件时遇到了极大困难。项目基于Next.js 13开发,使用NextAuth实现认证功能,语言模块通过动态路由[lang]搭建。我的需求是导出静态文件后部署到Tomcat服务器,不需要以服务端形式运行。
已完成的配置:
- 在
package.json中添加了导出脚本:"export": "next build && next export" - 在
next.config.js中设置了输出模式:output: "export"
执行npm run build后的输出内容如下:
信息 - 需要禁用某些ESLint规则?了解更多:https://nextjs.org/docs/basic-features/eslint#disabling-rules - 信息 正在检查代码规范 - 信息 正在收集页面数据 - 信息 正在生成静态页面 (2/2) - 信息 正在完成页面优化 路由 (app) 大小 首次加载JS体积 ┌ ● /[lang] 20.9 kB 238 kB ├ ● /[lang]/auth/resetPassword 4.25 kB 159 kB ├ ● /[lang]/auth/signIn 4.7 kB 153 kB ├ ● /[lang]/auth/signUp 4.91 kB 163 kB ├ ● /[lang]/profils 4.72 kB 153 kB ├ ● /[lang]/profils/company 9.13 kB 169 kB ├ ● /[lang]/reviews 5.88 kB 152 kB ├ λ /[lang]/reviews/campaigns 32.1 kB 217 kB ├ λ /[lang]/reviews/categories 9.25 kB 168 kB ├ ● /[lang]/reviews/categories/[id] 5.77 kB 162 kB ├ ● /[lang]/reviews/categories/[id]/offers 155 B 78.9 kB └ ● /[lang]/reviews/categories/[id]/offers/[offer_id] 7.9 kB 170 kB + 所有页面共享的首次加载JS体积 78.7 kB ├ chunks/596-8329f6164b666b1c.js 26.2 kB ├ chunks/fd9d1056-20f694886ed3ffab.js 50.5 kB ├ chunks/main-app-5d2036a3d0662739.js 220 B └ chunks/webpack-75cb8772e4c22133.js 1.85 kB 路由 (pages) 大小 首次加载JS体积 ┌ ○ /404 184 B 76.8 kB └ λ /api/auth/[...nextauth] 0 B 76.6 kB + 所有页面共享的首次加载JS体积 76.6 kB ├ chunks/framework-964c2d6016b0d731.js 45.1 kB ├ chunks/main-bfb68cd5b3fd6121.js 29.5 kB ├ chunks/pages/_app-c39a67c97d2e85f6.js 197 B └ chunks/webpack-75cb8772e4c22133.js 1.85 kB ƒ 中间件 65.9 kB λ (服务端渲染) 运行时进行服务端渲染(使用getInitialProps或getServerSideProps) ○ (静态渲染) 自动生成为静态HTML(无初始props) ● (静态站点生成) 自动生成为静态HTML + JSON(使用getStaticProps)
生成的静态文件截图:
内容的提问来源于stack exchange,提问作者Greko2015 GuFn
相关产品推荐
相关产品推荐

