阿里云CentOS下如何安装Nginx(前后端分离--前端)

前言

前后端分离后,前端的代码如何编写展示(服务器环境搭建)。

直接干货,不废话!

首先

前后端分离后,要想在服务器上展示前端的代码(本地不算,又不能依靠后端环境),需要用到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丢进去。


阿里云CentOS下如何安装Nginx(前后端分离--前端)_第1张图片
image.png

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


阿里云CentOS下如何安装Nginx(前后端分离--前端)_第2张图片
image.png

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


阿里云CentOS下如何安装Nginx(前后端分离--前端)_第3张图片
image.png

3,最后重启nginx

cd /usr/local/nginx/sbin

 ./nginx -s reload

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


阿里云CentOS下如何安装Nginx(前后端分离--前端)_第4张图片
image.png

你可能感兴趣的:(阿里云CentOS下如何安装Nginx(前后端分离--前端))