前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >双十一好物开箱 | 腾讯云轻量应用服务器 Vue + Nginx+ pm2 Nodejs项目部署全流程

双十一好物开箱 | 腾讯云轻量应用服务器 Vue + Nginx+ pm2 Nodejs项目部署全流程

原创
作者头像
中杯可乐多加冰
修改2024-11-18 21:44:53
修改2024-11-18 21:44:53
13600
代码可运行
举报
运行总次数:0
代码可运行

腾讯云轻量应用服务器(Lighthouse)以其出色的性能和易用性,成为了部署各类应用的优选方案。今天讲解如何使用腾讯云轻量应用服务器部署Vue + Nginx+ pm2 Nodejs的项目流程

一、部署Vue前端项目

1.1、Nginx的下载安装与SLL配置

首先查找Nginx安装的路径,查看是否安装过nginx: 输入:whereis nginx 如果显示地址,说明已经安装过nginx了。可以跳到2.2步。

如果没有安装,首先需要安装一些必要环境,在终端中依次输入以下指令,安装必要的包

代码语言:javascript
代码运行次数:0
复制
yum install gcc-c++ 
yum install -y pcre pcre-devel 
yum install -y zlib zlib-devel 
yum install -y openssl openssl-devel 

下载linux版本的Nginx 官网下载:https://nginx.org/en/download.html

下载稳定版本,我下的是1.22.1

安装包名为nginx-1.22.0.tar.gz,将其放到服务器的/usr/local/nginx目录下,初始没有nginx文件夹需要新建一个空的nginx。 安装Nginx 首先需要解压Nginx的安装包,先cd /usr/local/nginx到nginx目录,然后使用tar -zxvf nginx-1.22.1.tar.gz解压刚刚下载的安装包。

然后进入nginx-1.22.1文件夹的configure目录下,输入:

代码语言:javascript
代码运行次数:0
复制
./configure
make
make install

进行安装,安装后的完整文件夹如下图所示:

下一步配置ssl,如果本身没有ssl模块,在安装时要安装ssl模块的nginx:./configure --prefix=/usr/local/nginx --with-http_ssl_module make进行安装:make 输入以下cp指令:

代码语言:javascript
代码运行次数:0
复制
cp /usr/local/nginx/sbin/nginx /usr/local/nginx/sbin/nginx.bak
cp ./objs/nginx /usr/local/nginx/sbin/

会出现是否覆盖的选项,输入y覆盖掉

最后输入whereis nginx,如果显示地址,说明已经安装过nginx了。

可能遇见的问题 如果提示说无法创建普通文件"/usr/local/nginx/sbin/nginx",需要先暂停nginx再启动:/usr/local/nginx/sbin/nginx -s quit(或者niginx -s stop 或者killall nginx)然后再输入 ./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module

1.2、打包Vue项目

开发完成后,在终端输入npm run build或者vite build进行打包,不同项目的打包指令和流程可能不相同,需要查看package.json的具体配置。

打包完成后,会生成一个dist文件夹,就是成功打包。

1.3、上传项目到Nginx目录

查找Nginx安装的路径,输入:whereis nginx,找到nginx的目录,将打包好的文件夹(即dist文件夹)上传至/usr/local/nginx/html目录下:

1.4、配置Nginx

进入nginx/conf目录,在其中找到名为nginx.conf的文件,打开,找到server部分:

  1. 端口号 listen (输入要监听的端口号,我的是5173);
  2. 域名配置 server_name (输入自己服务器的ip 例如:127.0.0.1 如果有域名可以输入域名);
  3. 前端项目存放地址 root:(打包后的vue项目文件夹例如:html/dist);

配置好后,启动Nginx,在nginx下的sbin目录下输入./nginx,既可以检查配置正常启动。

附录

pm2命令速览

代码语言:javascript
代码运行次数:0
复制
npm install pm2 -g     # 全局安装pm2
pm2 start app.js -i 4  # 后台运行pm2,启动4个app.js 
                       # 也可以把'max' 参数传递给 start
                       # 正确的进程数目依赖于Cpu的核心数目
pm2 start app.js --name my-api # 命名进程
pm2 list               # 显示所有进程状态
pm2 monit              # 监视所有进程
pm2 logs               # 显示所有进程日志
pm2 stop all           # 停止所有进程
pm2 restart all        # 重启所有进程
pm2 reload all         # 0 秒停机重载进程 (用于 NETWORKED 进程)
pm2 stop 0             # 停止指定的进程
pm2 restart 0          # 重启指定的进程
pm2 startup            # 产生 init 脚本 保持进程活着
pm2 web                # 运行健壮的 computer API endpoint (http://localhost:9615)
pm2 delete 0           # 杀死指定的进程
pm2 delete all         # 杀死全部进程

Nginx命令速览

代码语言:javascript
代码运行次数:0
复制
./nginx -s reload 重启nginx
./nginx 启动nginx

二、腾讯云双十一活动

  • 双十一上云拼团Go活动时间:11月1日至11月30日

活动内容: 上百款折扣商品参与拼团,只需2人即可成团。 选择带有“可拼团”角标的商品,享受超值优惠。 成功成团即可获得「成团礼」和「PK礼」:「成团礼」:成团后,所有成员均可获赠额外时长或资源额度。 「PK礼」:若团员订单金额超过团长,全团可获得最高20,000元代金券。

  • 会员双十一冲榜活动活动时间:11月1日至11月30日
    • 活动内容
    • 面向所有会员用户,提供双重好礼。

第一重礼:消费达到特定金额即可立即获得满减代金券,累计最高可领1512元。 第二重礼:活动期间内消费排名前50的用户,将有机会赢取高额代金券及最高价值万元的惊喜礼品。

  • 双十一活动入口

腾讯云双十一活动入口(地址:https://mc.tencent.com/pAnYyNgi

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、部署Vue前端项目
    • 1.1、Nginx的下载安装与SLL配置
    • 1.2、打包Vue项目
    • 1.3、上传项目到Nginx目录
    • 1.4、配置Nginx
  • 附录
    • pm2命令速览
    • Nginx命令速览
  • 二、腾讯云双十一活动
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档