代码之家 › 专栏 › 技术社区 › omid

下一个js-导出站点的目录结构

next.js amazon-s3 javascript

omid · 技术社区 · 3 年前

希望有下一个。js魔术师可以帮我,或者如果不可能,至少直接告诉我。

我们有一个被编译成静态文件的网站。这些将从S3开始供应。

当我跑的时候 next export ,一切正常,但我希望能够 直接访问 子页面,但不添加。html扩展。我(错误地)认为next将页面构建到目录中,并删除了一个索引。将html输入该目录。

开发端的设置相当简单。每个组件都有一个带有索引的目录,例如“some component”。导出 命名的 来自相邻文件的组件,如“some component.js”。

如果我从站点根开始,这一切都可以实现——我可以导航到,例如,/components/some component,而不用担心扩展。

Next创建了一个 some-component 目录,但其中的文件仍被称为某个组件。html。因此,如果我从浏览器中点击该url,它显然是404。

有没有什么方法能让你下一个吐出索引。html进入目录,所以直接浏览目录(试着在喝了一杯后说)有效吗?还是我找错树了?

我知道还有其他解决方案,特别是对于s3,但我觉得值得一问。

干杯

1 回复 | 直到 3 年前

Mark G 3 年前

下一个js有一个 trailingSlash 应该适合您的设置:

// next.config.js
module.exports = {
  trailingSlash: true,
}

当设置为 true ,并使用 ./pages/products/shoes.jsx 例如,以 .jsx 文件( shoes )是被创造出来的 .jsx 然后文件就变成了一个 index.html 该目录中的文件,即。, href="/products/shoes/" .您的服务器将发送该路径的 指数html (如果尚未配置,也可以配置为)即使 指数html 中没有指定 href .