如何构建具有特定内容的 Nuxt

Posted 2023-02-22

【中文标题】如何构建具有特定内容的 Nuxt

【英文标题】：How to build Nuxt with specific content

【发布时间】：2021-09-21 09:37:08

【问题描述】：

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

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

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

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

【参考方案1】：

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

yarn generate (target: static) 或yarn build（target: server，也就是默认值） 那么你应该yarn start（在生产服务器上）。

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

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

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