由于工作前后端分离的原因需要前端部署,最近去稍微入门一下nginx
由于此前完全没接触过linux系统和服务器,在这方面是纯小白,于是恶补了一下linux基础和nginx文档
说是这样,其实也就学一下基本的命令,哈哈
1.搭建服务器环境
首先在服务器搭nginx环境,过程比较复杂。个人用离线包的方式安装nginx(优点是方便管理,目录清晰):
服务器环境搭好之后,就可以把打包好的前端项目放到服务器里,具体可参考上面的学习的链接
#如果是通过yum 安装
#nginx服务的默认配置文件在
/etc/nginx/conf.d/default.conf
#项目部署目录为
/usr/share/nginx/html/
2.项目部署
由于是完全的小白,关于nginx.conf配置这块我找了一下常用的配置项说明,可以参考:
个人重点关注的配置项是:
- 日志位置
- location 配置
- 缓存配置
- gzip压缩项
- 防盗链配置
- 重定向配置
- include 配置
3.location ,root和alias
root
一开始配置location的时候,看到原本的配置:
location / {
root html; # 修改发布项目的目录
index index.html index.htm;
}
在没意识到root作用的时候,我在nginx的根目录下新建了一个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错误。
目前还没研究出解决的办法