nginx的项目实战:nginx部署前端静态文件
一、nginx环境准备
1.安装nginx。
yum -y install nginx
直接输入nginx启动
nginx的常用命令:
直接nginx 是为启动nginx
nginx -s stop 停止nginx
nginx -s reload 平滑重启nginx
nginx -t 检测nginx的配置文件书写是否正确
二、nginx部署前端静态文件。
1.创建web项目的目录。
mkdir /server -------------我将项目放在/server下
2.上传前端文件到/server下。(友情提示是经过编译打包后的文件)
3.创建nginx配置文件的规则。(下面分为两种介绍http和https)http多为用于测试环境
http形式无证书配置
cd /etc/nginx/conf.d 存放nginx的conf文件配置路径
vim server.conf 一定要是.conf结尾的
server {
listen 80; #如果下面的server_name不是域名,而是lcoalhost或者外网ip,这里监听的端口为81或者其他端口
server_name a.com; #域名为a.com
gzip on; #开启nginx的gzip压缩,下面都是gzip的配置不详细说明了都是为了提高静态资源的访问速度
gzip_min_length 3k;
gzip_comp_level 9;
gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
gzip_vary on;
gzip_disable "MSIE [1-6]\.";
access_log /opt/nginx-log/server.access.log main; #截取本项目的输出日志,自己命名 /opt/nginx这个目录需要自己创建
error_log /opt/nginx-log/server.error.log notice; #截取本项目的错误日志,自己命名
location / {
root /server; #前端静态文件存放的路径
try_files $uri $uri/ /index.html; #开启二次刷新的前端文件与前面那次相同
index index.html index.htm;}
}
以上配置中的#都是配置解释,复制黏贴时最好去掉,要不然容易出错,当然一些优化配置也可以去掉,最后nginx -t 检查配置文件是否正确,没有报错就nginx -s reload 重启nginx加载配置生效
https形式有证书配置
cd /etc/nginx
mkidr cert 创建存放ssl证书的目录
申请证书步骤我这里就不详细说明,这里只需要把申请好的证书上传到/etc/nginx/cert就行
下一步我们来写nginx的配置文件
cd /etc/nginx/conf.d
vim server.conf
server{
listen 80;
server_name a.com;
rewrite ^(.*)$ https://$host$1 permanent; #强制跳转为https
}
server{
listen 443 ssl;
server_name a.com;
ssl_certificate /etc/nginx/cert/scs1637214556285_a.com_server.crt; #这里和下面必须配置自己上传的证书名字
ssl_certificate_key /etc/nginx/cert/scs1637214556285_a.com_server.key;
ssl_session_timeout 5m;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on;
gzip on;
gzip_min_length 3k;
gzip_comp_level 9;
gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; gzip_vary on;
gzip_disable "MSIE [1-6]\.";
access_log /opt/nginx-log/server.access.log main;
error_log /opt/nginx-log/server.error.log notice;
location / {
root /server;
try_files $uri $uri/ /index.html;
index index.html index.htm;}
}
以上配置中的#都是配置解释,复制黏贴时最好去掉,要不然容易出错,当然一些优化配置也可以去掉,最后nginx -t 检查配置文件是否正确,没有报错就nginx -s reload 重启nginx加载配置生效。