【问题标题】:How to build Nuxt with specific content如何构建具有特定内容的 Nuxt
【发布时间】:2021-09-21 09:37:08
【问题描述】:

我构建了一个多站点,其中一个前端可以根据域从后端请求信息。代码和样式总是相同的,有些路由也是一样的,但内容必须是每个域的动态。

否则一切正常,但我不知道如何运行 Nuxt 以便 CSS / Tailwind / JavaScript 处于生产模式,SSR + CSR 将处理来自后端的任何内容。普通页面不能是静态页面,我不知道需要的所有路由,所以需要在后端发送数据时生成。

我尝试遵循 Nuxt 服务器教程,但还没有运气。我想我必须运行Express 或模块nuxt-start,但那些给了FATAL No build files found in .nuxt/dist/server.

如何运行可以处理多个域和不同内容的Nuxtnpm run dev 可以按照我的要求进行生产工作,但需要更加优化和更快。我需要什么样的配置?

【问题讨论】:

    标签: node.js vue.js nuxt.js server-side-rendering csr


    【解决方案1】:

    要构建生产环境,您需要执行以下任一操作:

    • yarn generate (target: static)
    • yarn buildtarget: server,也就是默认值)
    • 那么你应该yarn start(在生产服务器上)。

    至于有自定义内容,这个可能应该依赖于一些环境变量来决定从哪里获取内容,然后使用nuxtServerInit 填充你的 Vuex 存储:https://nuxtjs.org/docs/2.x/concepts/nuxt-lifecycle

    当然,您也可以在其他地方执行此操作,例如在 serverMiddleware 中或在构建时(如果您使用 Docker)。

    至于路由,你可以保持动态,populate them with the related data

    【讨论】:

      猜你喜欢
      • 2012-06-05
      • 2019-12-28
      • 1970-01-01
      • 2022-07-19
      • 2019-08-08
      • 2011-09-09
      • 1970-01-01
      • 2022-10-13
      • 1970-01-01
      相关资源
      最近更新 更多