普歌-飞灵团队-nginx部署项目

_{先赞后看，养成习惯♥}

首先，下载两个软件

WinSCP和Xshell 6

WinSCP下载地址：WinSCP

然后需要重置下服务器密码，以阿里云为例

在云服务器我的资源里点击第一个实例ID

之后在基本信息的更多里选择重置实例密码进行修改重启

准备工作完成。

接下来打开Xshell 6

新建会话

打开刚才创建的会话

接收并保存主机密钥

输入用户名，默认为root，点确定，

然后输入密码（就是刚刚重置的服务器密码），点确定

第一次可能没连上，看一下左下角是不是未连接，未连接的话需要重新打开一下，然后查看左下角就成了ssh://root@公网IP，黑框框中也有root

命令框操作

接下来要输入的命令可以参考《Nginx 安装配置》，一定要复制对，复制一个命令点回车

一、安装编译工具及库文件

 yum -y install make zlib zlib-devel gcc-c++ libtool  openssl openssl-devel

二、首先要安装 PCRE

   1、下载 PCRE 安装包

   cd /usr/local/src/
   
   wget http://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz

   2、解压安装包:

   tar zxvf pcre-8.35.tar.gz

   3、进入安装包目录:

   cd pcre-8.35

   4、编译安装:

   ./configure

   make && make install

   5、查看pcre版本：

   pcre-config --version

安装 Nginx

   1、下载 Nginx

   cd /usr/local/src/  

   wget http://nginx.org/download/nginx-1.6.2.tar.gz

   2、安装包

  tar zxvf nginx-1.6.2.tar.gz

   3、进入安装包目录

  cd nginx-1.6.2

   4、编译安装

  ./configure --prefix=/usr/local/webserver/nginx --with-http_stub_status_module --with-http_ssl_module --with-pcre=/usr/local/src/pcre-8.35

  make

  make install

   5、查看nginx版本

  /usr/local/webserver/nginx/sbin/nginx -v

启动 Nginx

  /usr/local/webserver/nginx/sbin/nginx

命令执行后自动另起一行，什么也没显示，表示启动成功

然后复制公网IP去浏览器访问，页面显示这个表示成功

用阿里云的服务器可能打不开，去设置一下

实例ID点击后，点击本实例安全组，然后再点安全组ID的第一个进去

点击手动添加，设置如红框内容，保存

然后回去就可以正常显示啦

Xshell 6的工作就到这拉

有兴趣的小伙伴可以接着往下看~

打开winSCP

输入主机名，用户名，密码，点保存，站点名称自定义，确定，登录，选择是，输入密码

就进去了，酱紫

找到user文件夹，点进去找到local文件夹，创建software文件夹

然后在software里再创建front文件夹

然后将打包的页面或项目dist文件夹拖到front里来

完了之后，回退目录到local，找到webserver，点击nginx，再点conf，找到nginx.conf打开

里面找到server，并去掉里面的#

修改server

location代码 ， 注意空格

    location / {
        root   /usr/local/software/front/dist/;
        try_files $uri $uri//index.html; 
    } 

try_files可以在dist变动时动态获取html文件

保存，关闭

最后一步需要回到Xshell 6

输入重新载入配置文件命令

  /usr/local/webserver/nginx/sbin/nginx -s reload

还是什么也没显示，另起一行，就说明成功了

回到浏览器，刚才server里设置域名的访问域名，设置公网IP的访问公网IP

刷新一下

有画面了！！！部署成功！！！

听着好运来，开瓶香槟庆祝下

今天是个好日子，无情哈拉少~~

有什么问题欢迎大家在评论区讨论o~♥

---

相关文章推荐：《普歌-飞灵团队-ES6汇总》《普歌-飞灵团队-ES7、8新特性汇总》

---

• 作者：风时摩羯
• 出处/源自：风时摩羯的《普歌-飞灵团队-nginx部署项目》
• 本文版权归作者和CSDN共有，欢迎转载，且在文章页面明显位置给出原文链接，未经作者同意必须保留此段声明，否则保留追究法律责任的权利。