使用pm2实现nuxt.js的平滑重启

最新推荐文章于 2024-03-21 17:52:33 发布
VIP文章 最新推荐文章于 2024-03-21 17:52:33 发布
阅读量2.8k 收藏 1
点赞数 1
分类专栏： nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33222871/article/details/83894054
版权

环境依赖

  • nuxt.js
  • pm2
  • nginx
  • linux

原理

使用pm2来管理nuxt，启动两个不同端口的项目，再利用nginx切换反代端口
具体流程

  • 修改对应的项目文件
  • 修改nuxt.config.js代理的端口号(在配置项中写port，就可以修改端口号，不需要用官网上说的那套)
  • 编译项目
  • 由pm2启动新的进程
  • 切换nginx代理的端口号
  • pm2关闭旧进程
以上操作如果全由人工操作，相当的繁琐，因此我写了一个自启脚本

代码如下

# 初始化变量
#
 oldPort=3000
 newPort=3001
#
 cd /usr/diy/project/node/school/
#
# # 判断需要使用的端口
 result=
最低0.47元/天 解锁文章
符千青
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nuxt.js 数据双向绑定的实现
10-17
主要介绍了Nuxt.js 数据双向绑定的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
PM2 部署 Nuxt 项目以及重启自动恢复应用服务！！！
dizuncainiao的博客
08-03 1386
前言 Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用，本篇来讲一下 如何使用 PM2 部署 Nuxt 应用。 创建 Nuxt 应用 对于如何创建 Nuxt 应用，这里不作赘述，这里建议直接参考 官网 的做法，使用 create-nuxt-app 就好，可以参照 这里 的说明来了解创建应用时的配置选项。 创建成功后，查看 package.json 文件，发现 Nuxt 已内置多种预设命令： { "scripts": { "dev": "nuxt",
nuxtjs 如何通过ecosystem.config.js配置pm2?
qq_37030315的博客
03-15 469
部分则定义了如何将应用部署到生产环境，包括使用 SSH 连接到远程服务器、从 Git 仓库拉取代码、以及部署后执行的命令等。文件的路径和名称是固定的，PM2 会默认寻找这个文件。如果您的配置文件名或路径不同，您需要在启动命令中指定正确的路径。是一个特殊的配置文件，它允许您定义应用的各种属性，如脚本路径、环境变量、日志设置等。文件来配置 PM2，以便使用 PM2 来管理 Nuxt.js 应用的进程。部分定义了应用的基本信息，如应用的名称、启动脚本、传递给脚本的参数等。文件中的配置来启动应用。
Linux服务器上部署更新/重启nuxt项目
最新发布
老程的博客
03-21 314
Linux服务器上部署更新/重启nuxt项目：1、 启动/更新/重启 nuxt项目步骤， 建议使用 pm2 进程管理工具; 2、pm2 相关命令; 3、误使用npm 启动后怎么处理;
Vue Nuxt项目发布，使用npm或者pm2 启动
llwhlee的博客
08-16 688
3、使用npm run build命令编译项目，编译完成后 拷贝，node_modules不需要每次都拷贝，文件没有变化只更新.nuxt 和 .output文件即可。5、执行命令 pm2 start ecossystem.config.js执行完以后可以使用netstat -nltp查看端口是否已经监听。6、不使用pm2启动使用npm 启动 可以执行 nohup npm start & 启动应用。文件到服务上，服务器需要安装nuxt 命令，如果使用pm2 来启动，需要npm安装pm2。
Nuxt3项目搭建详细步骤
CXW1014的专栏
02-04 1238
Nuxt3是基于vue3的服务端渲染的网络框架，
记录pm2启动nuxt项目的步骤
月灯雪华
08-03 2088
nuxt pm2 nuxt部署
解决nuxt启动报错： Cannot start nuxt: A system error occurred: uv_os_gethostname returned ENOSYS
jiaohuizhuang6019的博客
12-06 1296
解决nuxt启动报错： Cannot start nuxt: A system error occurred: uv_os_gethostname returned ENOSYS
Nuxt实战教程基础-Day01
qq_43762932的博客
03-09 920
Nuxt.js是什么？Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI 渲染。就使用而言,组件写法基本和vue相差不大,区别在于几个钩子函数,以及一些服务端渲染相关的东西。
Nuxt.js之自动路由原理的实现方法
10-17
主要介绍了Nuxt.js之自动路由原理的实现方法，nuxt.js会根据pages目录结构自动生成vue-router模块的路由配置。非常具有实用价值，需要的朋友可以参考下
使用Nuxt.js改造已有项目的方法
10-18
主要介绍了使用Nuxt.js改造已有项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
nuxt-template：Nuxt.js项目模板
02-13
模板我很棒的Nuxt.js模板构建设置# install dependencies$ yarn install# serve with hot reload at localhost:3000$ yarn dev# build for production and launch server$ yarn build$ yarn start# generate static ...
device-module:Nuxt.js模块，用于检测设备类型
04-28
使用yarn或npm将@nuxtjs/device添加到开发依赖项中。 yarn add --dev @nuxtjs/device # Using npm npm install -D @nuxtjs/device 将它添加到buildModules你的部分nuxt.config ： { buildModules : [ '@nuxtjs/...
Nuxt.js部署服务器会缓存 让pm2监控并自动重启项目
前端一线搬运工的博客
01-16 4148
步骤一: 监控项目文件 首先Nuxt.js项目的入口文件是packge.json,项目名是ssrqiu006,也就是PM2需要监控用到的项目名   pm2 start  npm --name "ssrqiu006" -- run build --watch 步骤二:  修改版本号 当你的项目重新打包上传文件时,网站的内容还是旧的,这时候就需要更改packge.json的版本号 ...
pm2 部署 nuxt3.js 项目并设置服务器重启时项目自动重启
郝峰vip的博客
06-17 3883
pm2 部署 vue3 + nuxt3.js项目，以及设置服务器宕机，故障或者重启时自动重启pm2服务
nuxt 本地部署https
奔跑
06-16 436
若本地已经安装了git客户端，其中包括了openssl程序，可直接在项目文件目录打开git bash 界面，输入以下命令。1.使用 openssl 的 genrsa 命令生成一个服务器私钥文件。3.根据第 2 步的证书请求文件和第 1 步的服务器私钥文件生成证书。证书签名，根据要求填写一些相关信息，可一路按回车即可。好了 然后就npm run dev就行。第一步下载证书放在根目录。通过上面生成的私钥文件生成。然后配置server文件。2.生成证书请求文件。
关于nuxt项目部署和更新
weixin_42178050的博客
01-20 659
https://www.cnblogs.com/zishang91/p/14918515.html
Nuxt(安装部署)爬坑指南
qq_34701838的博客
03-09 7216
Nuxt.js使用详细说明 这篇文章主要向大家介绍Nuxt爬坑,主要内容包括基础应用、实用技巧、原理机制等方面，希望对大家有所帮助。 https://www.shangmayuan.com/a/dcd382c2e24d427bae7df0f1.html 静态部署：https://www.liangzl.com/get-article-detail-161890.html 第一节：nuxt.js相关概述 nuxt.js简单的说是Vue.js的通用框架，最经常使用的就是用来做SSR（服务器端渲染）.V
Nuxt2的nuxt.config.js 配置环境
06-01
Nuxt.js提供了一个nuxt.config.js文件，可以在其中配置项目的环境。在nuxt.config.js中，可以使用process.env对象来引用环境变量。以下是一个简单的nuxt.config.js文件，其中配置了不同的环境： ```js module.exports = { env: { baseUrl: process.env.BASE_URL || 'http://localhost:3000' }, modules: [ // 其他模块 ], build: { // 构建配置 }, // 其他配置 } ``` 在上述例子中，我们定义了一个名为`baseUrl`的环境变量，它的默认值为`http://localhost:3000`。你可以在你的代码中使用`process.env.baseUrl`来引用它。 你可以在命令行中设置环境变量，例如： ``` BASE_URL=http://example.com npm run dev ``` 这将会把`BASE_URL`设置为`http://example.com`，并在运行`npm run dev`命令时生效。注意，这里的环境变量名称是大小写敏感的。 以上是基本的环境变量配置方法，如果你需要更多高级的配置，可以参考Nuxt.js的官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值