javascript - 如何部署 Laravel + Nuxt 应用程序?
问题描述
我已经使用Laravel
As API 和Nuxt
As Front and 构建了 Web 应用程序。这两个拼命建造。当开发正在进行时,这不是问题。因为我可以使用他们自己的开发服务器运行它们。然后我买了一VPS
台服务器来托管这个。现在的问题是我如何在我的VPS
. 特别是我如何nuxt
在vps
. 它不是静态的一面。它是ssr
应用程序。
解决方案
本质上,您将需要一些东西:
- 服务器(您已经拥有)
- nginx
- PM2
- 已安装节点/NPM
棘手的部分是确保服务器继续运行并在发生崩溃时自动重启。PM2 解决了这个问题,您可以在此处阅读有关如何使用它的更多信息:https ://nuxtjs.org/docs/2.x/deployment/deployment-pm2
您可以通过以下方式安装它:
npm install -g pm2
这将在您的服务器上全局安装 PM2,您将可以访问 pm2 命令。
按照上面的文档,你所要做的就是运行:
pm2 start all
这将启动 Nuxt 服务,它将在您在文件上定义的任何端口上nuxt.config.js
运行package.json
。
现在您已经运行了 Nuxt 实例,您需要确保通过浏览器发出的请求最终到达 Nuxt 正在运行的端口上,这可以通过使用 nginx 的反向代理功能来实现,您可以阅读更多信息: https ://nuxtjs.org/docs/2.x/deployment/nginx-proxy/
该文档为您提供了 nginx 配置文件的示例,如果您已将默认 Nuxt 端口从 3000 更改为其他内容,则您无需更改 server_name 和 proxy_pass 以外的任何内容。
此外,请确保您已允许端口 80 在您的服务器上进行侦听。
推荐阅读
- excel - 如何阻止我的页面生成器随机递增?
- python - python-如何转换年、月、周(一个月中的周数)以获得该周的第一天?
- python - 如何在 uwsgi 后面运行的烧瓶上启用 keep-alive?
- karate - 我们可以在空手道的 afterScenario 中失败 Scenario/Scenario-Outline
- amazon-web-services - MQTT 使用 AWS IoT 规则操作覆盖 dynamoDB 中的整个记录
- python-3.x - Python 3,第一次使用时如何区分函数和类
- windows - WMIC Temp Probe 未打印到文件
- azure - CI 管道中的 Azure AD 身份验证
- scala - 列值的 Spark Count Streak
- c - 为什么C循环增量的结果是随机的