为了账号安全,请及时绑定邮箱和手机立即绑定

关于Nginx,你需要知道的!

标签:
Nginx

前言

NginxApache HTTP Server 都是业内流行的 web 服务器软件,但是相比 Apache HTTP ServerNginx 更加轻量和高性能,所以在了解完 Apache HTTP Server 后,今天我们一起来进入 Nginx 的世界。

实践

安装

yum -y install nginx

HTTP

访问http://{server_ip}

https://img1.sycdn.imooc.com//6123c5de000158df17810947.jpg

从响应头中我们可以看到服务端的类型是:nginx/1.20.1

修改默认主页

nginx 的默认站点路径在:/usr/share/nginx/html

我们修改此路径下的 index.html 的内容为:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

<body>

    <div id="appv">

        请输入内容:<br><br>

                <textarea rows="" cols="" v-model="info"></textarea>

        <!-- <input v-model="info"> -->

        <p style="white-space: pre-line;">你输入的内容是:<br><br>{{ info }}</p>

    </div>

    <script>

        app = new Vue({

            el: "#appv",

            data: {

                info: "placeholder",

            }

        })

    </script>

</body>

</html>


再次访问查看效果:

https://img1.sycdn.imooc.com//6123c60b0001684204290773.jpg

HTTPS

默认配置下的 nginx 是不支持 https 协议的。默认的 nginx 配置路径为:/etc/nginx/nginx.conf

尝试访问:https://{server_ip}

https://img1.sycdn.imooc.com//6123c60b00016d1001840147.jpg

修改配置

vim /etc/nginx/nginx.conf

默认如下配置是被注释掉的,我们放开注释即可。

https://img1.sycdn.imooc.com//6123c60b0001e8b905860411.jpg

根据上图中的配置,我们拷贝自签证书到指定路径下。生成证书的方法,请看上篇文章,里面有介绍。

# 创建证书目录

mkdir /etc/pki/nginx/

mkdir /etc/pki/nginx/private/


# 拷贝证书到指定目录下

cp server.crt /etc/pki/nginx/

cp server.key /etc/pki/nginx/private/


HTTPS 方式访问

再次尝试访问:https://{server_ip}

https://img1.sycdn.imooc.com//6123c6290001cab412810554.jpg

我们看到,nginxhttps 已经搞定。点击高级,继续前往:

https://img1.sycdn.imooc.com//6123c6290001267203280225.jpg

我们成功进入到了主页。

拓展:实现 URL 跳转

目标:当访问https://{server_ip}/me时,自动跳转到:https://phygerr.github.io

nginx 配置

添加如下配置:

https://img1.sycdn.imooc.com//6123c6290001273d05270288.jpg

location /me{

        rewrite .+ https://phygerr.github.io;

        }

``


> http跳转在http的server部分配置,https的跳转就在https的server部分配置。

配置完后,重启 nginxsystemctl restart nginx

访问https://{server_ip}/me查看效果:

https://img1.sycdn.imooc.com//6123c64000018edc01560053.jpg

https://img1.sycdn.imooc.com//6123c640000105fc03060091.jpg


作者:Python测试和开发
链接:https://juejin.cn/post/6999507189710716964
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消