reactjs - Next.js:如何为静态站点创建子目录?
问题描述
我正在使用 React/NextJS 创建一个最终将用作静态站点的应用程序。我已经预定义了需要在子目录中创建的 url。例如,/technology/
应该去/technology/index.html
如何在 Nextjspages
结构中创建它?
我尝试了以下各种组合,但没有运气:
- 添加
trailingSlash
到我的 nextjs 配置中:
module.exports.trailingSlash = true;
添加
technology.js
到我的页面目录(也尝试过/technology/index.js
)添加
exportPathMap
到我的 next.config.js:
exportPathMap: async function (
defaultPathMap,
{ dev, dir, outDir, distDir, buildId }
) {
return {
'/': { page: '/' },
'/technology/index.html': { page: '/technology' },
};
},
trailingSlash: true
解决方案
推荐阅读
- javascript - 为什么在使用分号时这个 JavaScript 不被解释为代码块?
- jenkins - JobsDSL 和 Jenkins 版本
- javascript - 使用 Jquery animate 让一个按钮将一个框移动到下一个角落
- apache - IfDefine 和 RewriteBase 不能很好地协同工作
- vba - 将标题添加到带有多行的消息框
- java - 在 Android 的正在进行的通知更新中禁用声音
- python - 使用两个变量优化 cumprod()
- three.js - 为什么我的系统上的 three.js 示例中的 GPU 选择如此缓慢?
- android - Gradle 错误:找不到 com.android.tools.build:gradle:2.2.+ 的任何匹配项
- powershell - 使用 Get-MailboxFolderPermission 循环遍历所有日历