在Linux上部署前端vue项目
步骤1: 首先下载并解压node.jscd /optwget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gztar -zxvf node-v8.6.0-linux-x64.tar.gz在默认情况下,node的bin目录是:/opt/node-v8.6.0-linux-x64/bin然后把目录 ...
步骤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,然后就可以访问了,如下图:
更多推荐
所有评论(0)