在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,然后就可以访问了,如下图:
在这里插入图片描述

  • 1
    点赞
  • 1
    评论
  • 3
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页

打赏

提笔、道不尽岁月

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者