是否可以使用 next.js 从远程文件系统获取页面

Posted

技术标签:

【中文标题】是否可以使用 next.js 从远程文件系统获取页面【英文标题】:Is it possible to get pages from remote file system with next.js 【发布时间】:2021-12-18 16:00:21 【问题描述】:

您好,我是前端技术的新手,我有一个简单的问题。

场景

我想使用 next.js 及其特性:服务器端渲染。 我还希望将我的 js、css 和 html 文件存储在运行 next.js 的主机之外。我想将我的文件保存在 azure blob 存储中。这是必要的,因为我想拥有许多 SPA 页面,而单个 wwwroot 目录对我来说是不够的。

问题

默认情况下,next.js 从主机的pages 目录中获取其文件。 是否可以告诉 next.js 从其他文件系统等获取文件。在这种情况下,它将是 azure storage。我找不到任何示例或扩展点来做到这一点。

【问题讨论】:

从技术上讲,您只需在pages 目录中定义您的页面结构。构建后,Next.js 提供来自.next/static/ 文件夹的静态 JS 和 CSS。其内容可以移动到以_next/static/ 上传的存储中。更多细节在这里:nextjs.org/docs/api-reference/next.config.js/… 不,这只是报价。我仍然需要知道如何将文件从 azure 存储映射到下一个服务器 【参考方案1】:

谢谢psygik。发布您的建议作为帮助其他社区成员的答案。

您只能在pages 目录中定义您的页面结构。构建后,Next.js 提供来自.next/static/ 文件夹的静态 JS 和 CSS。内容可以移动到以_next/static/上传的存储中

您可以参考CDN Support with Asset Prefix、API/next.config.js/CDN Support with Asset Prefix和How to serve static generated pages via CDN with Next.js

【讨论】:

以上是关于是否可以使用 next.js 从远程文件系统获取页面的主要内容,如果未能解决你的问题,请参考以下文章

无法在单个 GraphQL 查询中组合本地和远程数据(Next.js + Apollo)

Next.js 的每页布局组件没有从 Vercel 的 swr 全局配置中获得价值

是否可以将远程文件从 Electron App 拖到文件系统上?

Next.js:如何从 getStaticProps 中获取静态资产

如何从 Next.js 中的服务器获取 HOC 中的数据?

如何在 next.js 中获取图像宽度/高度?