记录Vue + nodejs项目如何部署在Linux服务器

**首先介绍一下项目,使用neteasecloudmusicapi写好的网易云音乐 NodeJS 版 API,且vue-cli3构建的简易音乐单页面应用。

在这里插入图片描述

大致流程如下:

购买云服务器=》购买域名(也可不买,直接IP访问)=》在服务器安装nginx=》在服务器安装nodejs=》打包项目=》上传到服务器

购买云服务器

随便购买一家云服务器(阿里云、腾讯云or其他),我选择的香港的不用备案节省时间和精力。
当你购买成功后会拿到你的服务器公网ip,以及用户名和密码

在这里插入图片描述

服务器安装nginx

首先我们自己电脑安装两个软件,便于操控远程服务器
1.xshell or MobaXterm or 其他顺手的软件(远程终端控制软件)
主机填写服务器外网ip,然后会让你输入账号和密码(购买服务器时设置的)
在这里插入图片描述

2.Filezilla or 8UFTP 等ftp工具(传输文件至远程服务器)
同上完成连接
在这里插入图片描述

安装nginx参考链接

服务器安装nodejs

最初我采用wget命令安装nodejs,成功后报错 command not found
参考链接

所以换了一种安装方式,用epel-release安装
参考链接

部署nodejs项目

先在服务器上部署网易云音乐 NodeJS 版 API
在这里插入图片描述

在/var/www/目录下新建项目文件夹,并将nodejs项目上传,然后cd进nodejs文件目录下执行项目启动命令node app.js
此时访问http://你的ip地址:3000,可看到项目成功运行,如果网页打不开,去设置云服务器的安全组端口,将你需要使用的端口添加进去。

我们需要下载pm2(nodejs进程管理器,它允许您永久保持应用程序活跃,无需停机即可重新加载它们)使用pm2,即使我们关掉终端软件,项目也能运行
npm install -g pm2 //全局安装pm2
pm2 //检查是否成功安装
pm2 start app.js //在项目路径下执行,使用pm2启动项目

部署vue项目

打包项目,将打包后的dist文件夹中的文件上传到服务器上
然后需要配置nginx.conf文件
编辑/etc/nginx/nginx.conf文件

在这里插入图片描述

root后面写项目文件夹的位置

完成后更新一下修改的内容nginx -s reload
sudo systemctl enable nginx(停止nginx运行)

sudo systemctl start nginx(开启nginx运行)

sudo systemctl status nginx(查看nginx运行状态)

最后打开你的网址就能成功访问你的项目了~

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值