【问题标题】:How to make Nuxt.js SSR with partially static pre-rendering pages如何使用部分静态的预渲染页面制作 Nuxt.js SSR
【发布时间】:2021-11-16 21:37:57
【问题描述】:

有很多关于 Nuxt SSR 或完全静态的信息,但我找不到任何指导如何构建与静态页面一起的混合 SSR。

我正在使用 Nuxt SSR 构建一个网站,我想从 10MB JSON 文件中静态预渲染所有产品页面。

我找到了archived thread on Reddit,提到可以使用静态生成的路由创建中间件。我不知道如何实现,希望能得到一些帮助。

【问题讨论】:

    标签: nuxt.js


    【解决方案1】:

    您可能需要加入 Nuxt Discord,但您可以通过以下方式实现它: 首先请注意,这不是官方的做事方式,我们很快就会有更好的东西出来。但如果你真的需要这个,解决方法如下:

    • 设置target: 'server'(非静态)
    • 运行 nuxt build 以创建您的 ssr 包
    • 运行 nuxt generate --no-build(最好通过 nuxt 配置中的 generate.routes 设置路由)
    • 将生成的 dist 文件夹内容复制到您的静态文件夹中(或直接从您的 Web 服务器配置中提供)
    • nuxt start

    来源:https://discord.com/channels/473401852243869706/473406004751499275/886642260677124166

    【讨论】:

    • 啊,很好……这很有帮助。这就像用一个代码库构建 2 个独立的应用程序。当它说“很快就会有更好的东西出来”时,这是什么意思? Nuxt 3 是否会有适当的解决方案,无需单独构建 + 生成?
    • @samchuang 是的,你可能会得到一些新的渲染模式!
    猜你喜欢
    • 2020-12-16
    • 1970-01-01
    • 2020-09-08
    • 2017-06-07
    • 2021-10-13
    • 2021-11-03
    • 1970-01-01
    • 1970-01-01
    • 2021-10-20
    相关资源
    最近更新 更多