部署node + vue项目到服务器的步骤详解

395 阅读1分钟

最近自己弄了一个小的node + vue的项目,部署到服务器自己用用,记录下部署过程。

你必须要有个服务器

我这边是通过工具FinalShell去连接服务器的,连接过程省略。

基础环境

把yum更新到最新版本:yum -y update 我们将使用最新源代码构建Node.js,要进行软件的安装,需要一组用来编译源代码的开发工具:yum -y groupinstall "Development Tools"

安装node.js

1.开始安装Node.js,先进入/usr/src文件夹,这个文件夹通常用来存放软件源代码: cd /usr/src

2.从Node.js的站点中获取压缩档源代码, 我选择的版本为v0.10.18: wget http://nodejs.org/dist/v0.10.18/node-v0.10.18.tar.gz

3.解压缩源文件,并且进入到压缩后的文件夹中: tar zxf node-v0.10.18.tar.gz cd node-v0.10.18

4.安装node

安装mongodb(在项目中使用的数据库)

1.安装说明:

  • 系统环境:Centos-6.5
  • 安装软件:mongodb-linux-x86_64-2.4.9.tgz
  • 下载地址:fastdl.mongodb.org/linux/mongo…
  • 上传位置:/usr/local/
  • 软件安装位置:/usr/local/mongodb
  • 数据存放位置:/var/mongodb/data
    日志存放位置:/var/mongodb/logs

2.使用yum安装数据库mongodb

yum -y install mongodb-org

3.启动mongodb

mongo

4.看到如下信息说明已经安装完成并成功启动:

MongoDB server version: 5.0.4

上传代码

省略上传操作,上传方式有很多,推荐上传到/home目录下

启动应用(node服务)

使用forever (https://www.npmjs.com/package/forever)

使用pm2 (https://pm2.keymetrics.io/)

我这边使用的是pm2。

前端配置nginx代理,没啥好说的点,自行了解。

常见问题

  1. 数据库连接失败导致接口无法返回数据

数据库连接不上,尝试了mongo,不能正常启动数据库,最后用yum重装数据库,可以连接上后才能正常访问接口