linux安装node.js和nginx

准备工作：

服务器安装node.js

# 下载node.js压缩包,根据需求选择版本号
wget https://registry.npmmirror.com/-/binary/node/v12.15.0/node-v12.15.0-linux-x64.tar.xz

tar -xvf node-v12.15.0-linux-x64.tar.xz

# 为了方便操作node的文件夹，将解压后的文件夹移动到名为“node12”的文件夹
mv node-v12.15.0-linux-x64 node12

# 然后再把当前目录的“node12”目录移动到 “/usr/local” 目录下，命令如下
mv node12 /usr/local

# 配置环境变量
vim /etc/profile

# 在末尾添加下面内容，然后wq保存退出
NODE_HOME = /usr/local/node12
PATH = $PATH:$NODE_HOME/bin
NODE_PATH=$NODE_HOME/lib/node_mudules
export PATH NODE_HOME NODE_PATH

# 配置文件立即生效
source /etc/profile

#创建软连接 创建node命令链接
ln -s /usr/local/node12/bin/node /usr/local/bin/node

# 创建npm命令链接
ln -s /usr/local/node12/bin/npm /usr/local/bin/npm

# 测试
在任意目录下输入 node -v 和 npm -v 查看版本号，有输出表示安装成功

服务器安装nginx

1. 安装nginx所需环境

//安装gcc
yum install gcc-c++

//安装PCRE pcre-devel
yum install -y pcre pcre-devel

//安装zlib
yum install -y zlib zlib-devel

//安装Open SSL
yum install -y openssl openssl-devel

2. 创建nginx目录并下载安装包

//进入usr/local目录
cd /usr/local

//创建nginx目录
mkdir nginx

//进入nginx目录
cd nginx

//下载tar包
wget http://nginx.org/download/nginx-1.16.1.tar.gz

//解压tar
tar -xvf nginx-1.16.1.tar.gz

3. 安装nginx

//进入nginx目录
cd /usr/local/nginx/nginx-1.16.1

//执行命令
./configure

//执行make命令(要是执行不成功请升级nginx版本)
make

//执行make install命令
make install

4. 启动nginx

//进入/usr/local/nginx/sbin目录，输入./nginx即可启动nginx
./nginx

//关闭nginx
./nginx -s quit  或者 ./nginx -s stop

//重启nginx
./nginx -s reload

//查看nginx进程
ps -ef|grep nginx

5. 设置开机自启动

//编辑
vim /etc/rc.local

//最底部增加这一行
/usr/local/nginx/sbin/nginx

部署vue项目

理：vue打包编译后的文件就是一套纯静态页面，在本地能直接访问index.html，放到服务器任意目录也能直接访问，通过Nginx反向代理用域名指向服务器的index.html就可以正常访问了。

# 打包正式环境
npm run build:prod
# 将打包好的文件夹上传到服务器,然后解压缩,之后在nginx上配置即可.

# 如果提示权限不足,需要使用root权限.
user root;
worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;
        charset utf-8;

        location / {
            # 静态文件根目录
            root   /var/data/vue;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		
        location /prod-api/ {
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass http://localhost:8080/;
		}
        
        location /api/v4/ {
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass http://localhost:8081/api/v4/;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}