nginx部署前端vue项目

通常我们会遇到一些前端单独运行的项目，没有后台，我们可以直接通过nginx的代理实现。本例已前端vue项目项目。

1、将前端项目打包程dist包

2、在服务器上部署nginx

（1）、在nginx的官网下载nginx（官网：https://nginx.org/download/）

本例已1.8.1版本为例子

（2）、将tar包上传到/usr/local目录下，解压程文件夹

解压命令：tar -zxvf nginx-1.8.1.tar.gz

（3）、安装nginx的依赖

执行命令：yum -y install gcc openssl openssl-devel pcre-devel zlib zlib-devel

一定要都安装成功，不然之后使用可能会出现问题

（4）、进入目录nginx-1.8.1进行配置nginx，生成obj等文件夹和目录，

配置命令：./configure --prefix=/usr/local/nginx

（5）、配置后，进行编译，必须编译成功，遇到编译报错需要解决后重新编译

编译命令：make

此步骤一般都会报错，如果是以下的报错可按照提示修改，如果不是请自行百度解决

报错1

报错1解决方案：进入objs目录，编译Makefile文件,去掉-Werror保存

报错2：

报错2的解决方案：

进入/nginx-1.8.1/src/os/unix/目录，找到ngx_user.c文件，编辑文件，把下面这一句注释掉

解决后，从新回到nginx-1.8.1的目录下进行make

（6）、安装nginx

安装命令:make install

安装执行成功之后，可以在/usr/local/nginx目录下看到conf等文件夹

（7）、修改nginx默认文件，配置内网的8083端口监听前端服务，大致如下

3、上传前端的包到指定的/home/vueview/dist文件夹下面，之后通过浏览器即可访问前端项目

浏览器访问