使用Nginx部署前端页面

nginx搭建静态服务器

如何将自己写的前端静态页面部署到自己服务器

一、购买属于自己的服务器和域名

1、百度搜索腾讯云或者阿里云，对于新人来说一般都有很大优惠的，活动一直都有，新人还有免费试用的。

下面以腾讯云为例，选择云服务器和域名，选择购买。反正就是买这两个（域名可以选择购买，反正也不贵），直接买会云服务器比较贵，但是活动一直都有，优惠力度很大，能白嫖就白嫖。

二、连接自己服务器

1、下载xshell6和Xftp 6

我在这也提供下载链接，如果失效了，可以直接去百度上搜索，下载很方便的。

百度网盘：https://pan.baidu.com/s/1z1Yz5YWCSx2yazhjmhltYQ 

提取码：oi37

2、购买后会给你IP地址和密码，没有密码自己直接改一下就行了

3、登录时候输入IP，公网IP，密码后就可以链接自己服务器了

4、链接成功

三、安装yum,   yum是Linux系统的安装必备神器，简直不要太方便。但是新系统一般是不自带yum工具的，所以需要手动安装一下。

1. 新建一个目录用来保存yum安装包 

mkdir install

2. 进入文件夹并输入命令

wget http://yum.baseurl.org/download/3.2/yum-3.2.28.tar.gz

3. 解压

tar -xvf yum-3.2.28.tar.gz

   重点：解压后先不着急安装，手动创建一个yum的conf文件

touch /etc/yum.conf

4. 进入yum目录，脚本安装

cd yum-3.2.28　　

./yummain.py install yum

期间会提示安装新版本，y回车即可

 5.安装成功！

四、安装nginx

1.在 CentOS 上，可直接使用 yum 来安装 Nginx

yum install nginx -y

安装完成后，使用 nginx 命令启动 Nginx：

2.nginx

此时，访问   公网ip   可以看到 Nginx 的测试页面,  下图:

如果无法访问，请重试用 nginx -s reload 命令重启 Nginx

五、 配置静态服务器访问路径

1.外网用户访问服务器的 Web 服务由 Nginx 提供，Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。

打开 Nginx 的默认配置文件 /etc/nginx/nginx.conf ，这里可以用xftp-6打开，右键选择记事本打开

2.修改 Nginx 配置，将默认的 root         /usr/share/nginx/html; 修改为: root      /data/www;，如下：

记得保存一下！！！

六、部署自己的网页

1、把自己写的HTML文件拖到data/www文件下就可以了，HTML主页名称是index，这样输入公网IP就可以直接访问自己的网页了

2、IP记不住太麻烦，之前说选择购买一个域名

可以直接在腾讯网上解析到自己服务器，这样就可以输入域名直接访问了

解析输入公网IP就行了，腾讯，阿里云官网都很人性化，都会默认帮你填好，教你怎么填

3、体验一下

输入自己的域名，浏览自己写的网页，我这个写的是移动端上的网页，想让自己网页变得华丽一些？网上一堆模板，直接套用就行了

结语：创作不易，麻烦收藏和关注一下！！&( ^___^ )

（即是对作者的支持，也方便自己以后查找，感谢收藏和关注）

以后也会持续更新工作学习中的技术、经验

其它相关文章：

App Store 上架流程

利用NVM管理node.js版本