关键词：
【中文标题】部署 Laravel 和 Nuxt.js 应用程序。将它们结合起来，还是单独部署？【英文标题】：Deploying Laravel and Nuxt.js application. Combine them, or deploy separately? 【发布时间】：2020-04-26 00:53:55 【问题描述】：我一直在开发一个网站，在后端使用 Laravel (v6)，在前端使用 Nuxt.js (v2)。这个想法是让 laravel 充当 api 和 oauth2 服务器，它也在服务器端呈现 Nuxt.js 应用程序。根据我的研究，这似乎不仅是一条常见的路线，而且实施起来也没有太多麻烦。
在开发过程中，我将后端和前端作为完全独立的项目，拥有自己的 git 存储库和所有爵士乐。这是我第一次部署/开发这样的项目，其中后端和前端有两个完整的应用程序，所以所有这些都是非常新的，有时有点挑战。现在到了部署它们的时候，我总是想我会以某种方式合并项目，并且我能够设置 Laravel 以服务器端渲染 Nuxt.js 应用程序。但是，我现在正处于那个阶段，并试图将它们合并起来非常困难。
目前我正在使用“laravel-nuxt”composer 包和“laravel-nuxt”npm 包来尝试在一个 repo 中连接项目。但是，我很难做到这一点。我已经广泛搜索了有关此过程的良好资源，但尚未找到彻底解释该过程的资源。我什至购买了有关该主题的 Udemy 课程，却发现他们没有合并项目！他们将 Nuxt 部署到 firebase，甚至没有介绍 laravel 的部署方式。
无论如何，这是我的问题：我应该或可以将项目分开并进行 2 个完全独立的部署吗？或者更确切地说，如果我将它们分开，我如何部署 nuxt 仍然可以让服务器端呈现？对我来说，它们是分开还是在一起并不重要，但最重要的部分是 nuxt 应用程序将 s-s-r（服务器端渲染）用于 SEO 目的。那么我在正确的轨道上吗？我应该将这些项目分开还是继续尝试合并它们？
对不起，如果不清楚，我很沮丧，有点失去理智。我真的很感激任何反馈或指出正确的方向。感谢您花时间阅读本文，否则我希望您有美好的一天:)
【问题讨论】：
【参考方案1】：我最近开发了类似结构的东西，Nuxt.js 前端和 Directus CMS 作为后端。
我保留了后端和前端分开的存储库，并且也分别部署了两者。我之所以决定这样做，是因为两者在服务器端都需要不同的包，并且使用不同的生态系统。 前端只需要 Node.js 后端需要一个网络服务器、数据库和 PHP。我认为这不应该混为一谈。
对于后端，我使用了现有的服务器，我已经在其中运行了诸如 Nextcloud 或 nginx 网络服务器后面的博客之类的东西。
对于前端，我使用了 Dokku，我只推荐它用于部署 Node.js 应用程序。 Nuxt.js 有关于如何部署到它的说明。
对您来说最重要的是 s-s-r 由 Nuxt.js 完成，您不需要单独的网络服务器。只需构建它并使用npm start。根据您的安装/部署，您必须使用 nginx 作为代理以避免使用端口号调用应用程序。如果应用程序尊重 PORT 环境变量，Dokku 会自动为我做另一件事。
【讨论】：
如何解决 Laravel + Nuxt.js 中的 CORS 错误
】如何解决Laravel+Nuxt.js中的CORS错误【英文标题】：HowtosolvetheCORSerrorinLaravel+Nuxt.js【发布时间】：2021-09-1509:36:17【问题描述】：我正在本地安装由Nuxt.js（前端）和Laravel（后端）制作的旧项目。从源“http://127.0.0.1:3000”访问“http:/... 查看详情
Laravel Sanctum + Nuxt JS 我无法通过 CORS
...问题是CORS，我总是被CORS阻止。设置使用LaravelValet。Laravel应用程序运行在h 查看详情
部署到 Heroku 的 Nuxt.js 应用程序只有 TailwindCSS 的 < SM 断点样式
】部署到Heroku的Nuxt.js应用程序只有TailwindCSS的<SM断点样式【英文标题】：Nuxt.jsappdeployedtoHerokuonlyhasTailwindCSS\'sstylesfor<SMbreakpoint【发布时间】：2020-04-2401:52:21【问题描述】：我将我的第一个Nuxt.js应用程序部署到Heroku...一切都... 查看详情
将 Nuxt JS s-s-r 应用程序部署到 Google Cloud App Engine 标准
】将NuxtJSs-s-r应用程序部署到GoogleCloudAppEngine标准【英文标题】：DeployingNuxtJSs-s-rapptoGoogleCloudAppEngineStandard【发布时间】：2021-09-2320:22:05【问题描述】：我无法将我的NuxtJSs-s-r应用部署到GoogleCloudAppEngine。该应用可以在开发和生产... 查看详情
linux部署nuxt.js项目(代码片段)
1.首先本地打包yarnbuild2.把.nuxt文件夹、static文件夹、nuxt.config.js、package.json和相关配置文件移到linux相关目录下3.在目录下执行yarn4. pm2start--name'tools' npm--rundev 查看详情
vue和ssr+nuxt.js配置环境变量以及pm2进行服务部署(代码片段)
前言分享一下自己的ssr+nuxt.js开发的跨境电商的配置的项目环境变量。nuxt.js配置环境变量第一步：安装cross-env插件npminstallcross-env--save第二步：根目录下创建env.js文件第三步：env.js文件配置环境变量配置各个环境下... 查看详情
vue和ssr+nuxt.js配置环境变量以及pm2进行服务部署(代码片段)
前言vue-ssr+nuxt.js开发的跨境电商的配置的项目环境变量。nuxt.js配置环境变量第一步：安装cross-env插件npminstallcross-env--save第二步：根目录下创建env.js文件第三步：env.js文件配置环境变量配置各个环境下的接口地址和... 查看详情
如何使用 laravel 后端 API 在 nuxt.js 中上传图片
】如何使用laravel后端API在nuxt.js中上传图片【英文标题】：howtouploadimageinnuxt.jsusinglaravelbackendAPI【发布时间】：2021-01-2407:29:30【问题描述】：nuxt.js我搜索了很多关于使用laravelapi上传图片的教程，但我不知道如何编码图片上传的东... 查看详情
nuxt部署上线
...考文章链接：next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器，并用PM2守护程序-每天一探-SegmentFault思否1.安装NGINX2.node3.npm4.pm25.将完成好的nuxt项目打包（npmrunbuild） .nuxt &#... 查看详情
nuxt+pm2部署，解决nuxt异常缓慢的问题
参考技术A部署到线上后，发现nuxt异常缓慢？一检查network，发现有10M+的js包？没错，你部署失败了。不妨本地尝试一下这两个命令的差异，不难看出那么，为什么本地没问题，pm2部署后就会进入模式1呢？很简单这两种模式可能... 查看详情
nuxt与vue部署到服务器的区别(代码片段)
nuxt.js项目怎么部署到服务器？今天我们来讲一下怎么部署一个基于nuxt制作的网站，我们用nuxt制作的网站有什么好处？答：采用nuxt.js开发，一般都是为了实现SSR。让搜索引擎更好的抓取网页内容，就是利... 查看详情
nuxt.jsexpress模板项目服务器部署
nuxt版本：0.10.6技术栈：nuxt.js,express,pm2部署环境：windowsserver之前用nuxt.js的express的模板项目在windows下用nginx进行代理访问，其实有点多余，直接用host文件就可以达到相同的效果，仅供娱乐吧，熟悉一下nginx的基本配置也是好... 查看详情
pm2部署nuxt3.js项目并设置服务器重启时项目自动重启(代码片段)
...eo的项目比较好的框架，那么开发完成项目，如何部署nuxt项目也是比较重要的，接下来就记录一下我在开发中是如何部署的。我之前写过一篇vue和ssr+nuxt.js配置环境变量以及pm2进行服务部署，这两篇博客一定要... 查看详情
nuxt.js服务端渲染实践，从开发到部署
感悟经过几个周六周日的尝试，终于解决了服务端渲染中的常见问题，也成功说服了公司新项目采用前后端分离的解决方案，当SEO不在是问题的时候，或许才是我们搞前端的真正的春天，其中也遇到了一些小坑，Nuxt.js官方还是... 查看详情
Nuxt.JS http/2 帮助和建议
...描述】：我目前正在使用nuxt.js（使用内置服务器）构建应用程序。也就是说，我一直在通过开发运行谷歌灯塔，而在我的一生中，我无法让它为http/2服务。在nuxt.config.js里面我加了：render:http2:push:true,pushAssets:(req,res 查看详情
如何在 vercel zeit 上使用 Tailwindcss 2.0 部署 nuxt.js 项目
】如何在vercelzeit上使用Tailwindcss2.0部署nuxt.js项目【英文标题】：Howtodeployanuxt.jsprojectwithTailwindcss2.0onvercelzeit【发布时间】：2021-05-1610:18:19【问题描述】：我正在尝试使用tailwind.css2.0上传一个基本的nuxt.js项目。我用过：yarnadd--devta... 查看详情
使用 Nuxt 前端实现 Laravel 7 Passport 身份验证
】使用Nuxt前端实现Laravel7Passport身份验证【英文标题】：ImplementingLaravel7PassportauthentificationwithNuxtfrontend【发布时间】：2020-07-1316:44:14【问题描述】：我已经安装并配置了Laravel7.3Passport，然后我重新安装了Nuxt.js并按照here的说明进... 查看详情
nuxt与vue部署到服务器的区别(代码片段)
nuxt.js项目怎么部署到服务器？今天我们来讲一下怎么部署一个基于nuxt制作的网站，我们用nuxt制作的网站有什么好处？答：采用nuxt.js开发，一般都是为了实现SSR。让搜索引擎更好的抓取网页内容，就是利... 查看详情