由于工作前后端分离的原因需要前端部署，最近去稍微入门一下nginx

由于此前完全没接触过linux系统和服务器，在这方面是纯小白，于是恶补了一下linux基础和nginx文档

说是这样，其实也就学一下基本的命令，哈哈

1.搭建服务器环境

nginx环境搭建
nginx 离线安装

首先在服务器搭nginx环境，过程比较复杂。个人用离线包的方式安装nginx（优点是方便管理，目录清晰）：

服务器环境搭好之后，就可以把打包好的前端项目放到服务器里，具体可参考上面的学习的链接

2.项目部署

由于是完全的小白，关于nginx.conf配置这块我找了一下常用的配置项说明，可以参考：

nginx conf常见配置

个人重点关注的配置项是：

• 日志位置
• location 配置
• 缓存配置
• gzip压缩项
• 防盗链配置
• 重定向配置
• include 配置

3.location ，root和alias

root

一开始配置location的时候，看到原本的配置：

  location / {                          
            root  html; # 修改发布项目的目录
            index  index.html index.htm;
        }

在没意识到root作用的时候，我在nginx的根目录下新建了一个myProject的文件夹，用于存放前端项目

myProject目录结构

并且配置了这样的一个location

location /server1 {
            root myProject/server1;
            index index.html index.htm;
        }

在浏览器上输入http:localhost/server1， 结果无限服务器404，查看错误日志，得到下面的信息：

错误信息

信息说明我访问的是myProject/server1/server1目录的文件。

我意识到root是设定项目的根目录的，root html 意味nginx目录下的html文件夹，当访问服务器的时候就访问html文件夹下的index文件。

而且值得注意的是，location 中匹配的目录与root有一定的关系。

当确定location 匹配时，服务器就会结合root配置的路径来寻找资源，如果所有的都location不匹配，就会报404。
（location的匹配规则需要搞懂，百度有许多文章可以参考）

而location 和 root之间的拼接规则，则是root指定的地址，替换了host，再加上location的路径。

比如我在浏览器输入192.168.88.18/server1，root模式拼接如下:

 http://192.168.88.18        /server1
 /myProject/server1          /server1

所以上面的错误发生了，因为server1文件夹里面并不存在server1文件夹。

这时，把root改为myProject（有无“/”并不影响），服务器就能正确访问到资源，即改为

    location /server1 {
            root myProject;
            index index.html index.htm;
        }
    # root的 myProject 替换了192.168.88.18 ，再加上location后的/server1路径，成功访问到资源

alias

另外，和root类似指定路径功能类似的指令 alias ，则有不同的拼接规则

alias 是“别名”的意思，别名一般指可以替代的名字，若将root改为alias，同样举上面例子

location /server1 {
   alias myProject/server1/;
   index index.html index.htm;
} 
#这里的 myProject/server1 替换了 location 的 /server1

alias指定的路径 将location 的匹配路径全部替代，需要注意的是alias指令后的“/”，如果是访问具体文件的话，“/”是必须的，而root 指定路径“/”并不影响。

通常最佳实际是配置一个项目的根root，其他的文件夹则使用alias，毕竟alias更加灵活。

根目录403问题

修改了根路径 " / " 的location中root指令为 myProject之后，访问myProject下的index.html会出现403错误。
目前还没研究出解决的办法