在Linux上部署前端vue项目

步骤1： 首先下载并解压node.js

cd /opt

wget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gz

tar -zxvf node-v8.6.0-linux-x64.tar.gz

在默认情况下，node的bin目录是：/opt/node-v8.6.0-linux-x64/bin

然后把目录 /opt/nodejs/bin 目录加入到环境变量：

vim /etc/profile

在最后一行的PATH变量（之前添加的，如果没添加过需要先执行$PATH看一下当前的环境变量的值）加入上面的目录（注意用冒号隔开）：

PATH=’/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin:/root/bin:/opt/tngx231/sbin:/opt/nodejs/bin’

最后一定要记得source一下文件使配置生效：

source /etc/profile
执行下面两个命令，如果不报错说明node的环境变量添加成功了：

node -v
npm -v
效果如下：

步骤2：安装nginx：

下载地址：使用命令执行 sudo wget http://nginx.org/download/nginx-1.13.3.tar.gz
新建目录： sudo mkdir /usr/local/nginx
进入到目录下，然后解压：
cd /usr/local/nginx
sudo tar -zxvf nginx-1.13.3.tar.gz

进入到nginx-1.13.3目录，进行安装：

./configure --prefix=/usr/local/nginx
## 安装到/usr/local/nginx的nginx目录下
make
make install

然后将vue打包的dist文件放到nginx.conf的配置文件中如下：

配置好之后就启动nginx：
#cd /usr/local/nginx/sbin/ 然后./nginx 启动，为了测试是否启动：ps -ef|grep nginx查看进程
检查conf语法是否正确;/usr/local/nginx/sbin/nginx -t
然后直接访问地址: xxxxxx:8415 出现如下图则表示成功：

最后如果让外部能够访问改地址，需要把服务器自带的防火墙关闭

centOS6及以前版本使用命令： systemctl stop iptables.service

centOS7关闭防火墙命令： systemctl stop firewalld.service，然后就可以访问了，如下图：