前言

前后端分离后，前端的代码如何编写展示（服务器环境搭建）。

直接干货，不废话！

首先

前后端分离后，要想在服务器上展示前端的代码（本地不算，又不能依靠后端环境），需要用到Nginx。
Nginx最常见的用途就是提供反向代理服务。

在Linux下我们需要下载Nginx的源代码包并且手动编译，而不是用包管理工具，例如Yum、Aptitude来安装。因为我们需要在编译时对Nginx进行配置，不得不手动编译，这样也就会依赖一些工具和库文件。

首先，需要安装C语言的编译环境，因为Nginx是C语言编写的。通常大多数Linux都会默认安装GCC，如果没有的话，可以如下安装。（ps：服务器，上传工具，终端 自备）

安装make：

yum -y install gcc automake autoconf libtool make

安装g++:

yum install gcc gcc-c++

PCRE库:

yum install pcre pcre-devel

zlib库:

yum install zlib zlib-devel

OpenSSL:

yum install openssl openssl-devel

下载Nginx:

wget https://nginx.org/download/nginx-1.10.1.tar.gz

tar zxf nginx-1.10.1.tar.gz

cd nginx-1.10.1/

安装Nginx：

./configure

make

make install

运行Nginx：

cd /usr/local/nginx/sbin

./nginx

输入ip就可以访问了，这时显示的界面是 欢迎nginx巴拉巴拉巴拉啥的。。。

如何访问项目文件呢（index.html）

例如：
1，先在本地新建一个index的html文件，用Xftp上传到服务器。在服务器上新建一个项目文件夹，把index丢进去。

image.png

2，然后进入到nginx的配置文件里修改默认配置

image.png

可以使用vim修改也可以手动打开服务器里的文件直接用编辑器（记事本）修改，下面贴出vim修改的位置

image.png

3，最后重启nginx

cd /usr/local/nginx/sbin

 ./nginx -s reload

到此结束，输入ip就可以看到项目下的index.html文件内容了

image.png