Liunx部署vue项目

121 阅读1分钟

本文已参与[新人创作礼]活动,一起开启掘金创作之路。

vue项目打包

cnpm run build

执行完这个操作后,项目下会有一个dist文件。丢到liunx服务器上 详细教程跳转

安装nginx和配置

1. 下载nginx安装包

安装nginx前首先要确认系统中安装了gcc、pcre-devel、zlib-devel、openssl-devel

yum -y install gcc pcre-devel zlib-devel openssl openssl-devel

nginx下载链接选择这个nginx-1.9.9.tar.gz版本 在这里插入图片描述 用Xftp把安装包拉到服务器的/usr/local/目录下,并解压。

tar -zxvf nginx-1.9.9.tar.gz       --解压压缩包

2. 安装

切换路径

cd nginx-1.9.9    --切换到nignx-1.9.9文件夹下

配置nginx

./configure --prefix=/usr/local/nginx

安装

make install

启动

cd /usr/local/nginx/sbin     --切换目录
./nginx						 --启动nginx

3. 配置Nginx开机启动

编辑rc.local文件

vim /etc/rc.d/rc.local

## 加上这个
/usr/local/nqinx/sbin/nqinx

:x 保存退出   
:q 不保存退出

4. 修改nginx配置

在/usr/local/nginx/conf目录下的nginx.conf文件,我就简单的修改了这两个地方 在这里插入图片描述

改了配置文件要用这个命令重启:

nginx -s reload    # 重新载入配置文件

地址:服务器的ip加上刚刚配置的端口 在这里插入图片描述