Nginx实现Web页面用户认证配置

简介: Nginx实现Web页面用户认证配置

查看Nginx版本:

[root@localhost ~]# /usr/local/nginx/sbin/nginx -V
nginx version: nginx/1.16.1    //nginx版本1.16.1

这个时候还没有配置用户认证:

1.png

输入网址,直接进去到提前准备好的网站。


直接进入正题:


步骤一:修改Nginx配置文件

[root@localhost ~]# vim /usr/local/nginx/conf/nginx.conf
......
server {
        listen       80;
        server_name  localhost;
        auth_basic "Password";   //添加认证提示符信息(必须加“”)
        auth_basic_user_file "/usr/local/nginx/pass";  //添加认证的密码文件路径
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        location / {
            root   html;
            index  test.html index.html  index.htm;
        }
}

步骤二:生成密码文件,创建用户及密码


使用htpasswd命令创建账户文件,需确保系统安装了httpd-tools才有这个命令。

[root@localhost ~]# yum -y install httpd-tools
[root@localhost ~]# htpasswd -c /usr/local/nginx/pass   tom        //使用htpasswd创建密码文件,会自动加密(这里创建的密码文件位置必须与配置文件中写的一致).
 New password: 
 Re-type new password: 
 Adding password for user tom
[root@localhost ~]# cat /usr/local/nginx/pass
 tom:$apr1$t7Jj.XO.$J3tW6MgzzdlCpkr2aXYaI0

步骤三:重启Nginx服务

[root@localhost ~]# /usr/local/nginx/sbin/nginx -s reload

步骤四:客户端测试

2.png成功了,这里使用tom用户登录就可以看到我们测试页面。

3.png


相关文章
|
14天前
|
缓存 前端开发 JavaScript
终极 Nginx 配置指南(全网最详细)
本文详细介绍了Nginx配置文件`nginx.conf`的基本结构及其优化方法。首先通过删除注释简化了原始配置,使其更易理解。接着,文章将`nginx.conf`分为全局块、events块和http块三部分进行详细解析,帮助读者更好地掌握其功能与配置。此外,还介绍了如何通过简单修改实现网站上线,并提供了Nginx的优化技巧,包括解决前端History模式下的404问题、配置反向代理、开启gzip压缩、设置维护页面、在同一IP上部署多个网站以及实现动静分离等。最后,附上了Nginx的基础命令,如安装、启动、重启和关闭等操作,方便读者实践应用。
204 84
终极 Nginx 配置指南(全网最详细)
|
6天前
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
2天前
|
JavaScript 应用服务中间件 开发工具
vue尚品汇商城项目-day07【53.nginx反向代理配置】
vue尚品汇商城项目-day07【53.nginx反向代理配置】
13 4
|
2天前
|
缓存 应用服务中间件 nginx
nginx如何配置?配置项都是什么意思?
nginx如何配置?配置项都是什么意思?
12 1
|
6天前
|
应用服务中间件 nginx Docker
docker应用部署---nginx部署的配置
这篇文章介绍了如何使用Docker部署Nginx服务器,包括搜索和拉取Nginx镜像、创建容器并设置端口映射和目录映射,以及如何创建一个测试页面并使用外部机器访问Nginx服务器。
|
21天前
|
存储
在 Web 中判断页面是不是刷新
【9月更文挑战第10天】在Web开发中,判断页面是否刷新有多种方法:1) 监听`popstate`事件,检测用户是否通过历史记录访问页面;2) 记录并比较页面加载时间戳,若相差极小,则可能为刷新;3) 利用本地存储设置特定值,若该值不存在或不符合预期,则页面可能被刷新。然而,这些方法并非绝对准确。
|
26天前
|
应用服务中间件 nginx
一文搞定Nginx配置RTMP!
一文搞定Nginx配置RTMP!
60 3
|
26天前
|
Ubuntu 应用服务中间件 数据库
Nginx配置:阻止非国内IP地址访问的设置方法
此外,出于用户隐私和法律合规性的考虑,应慎重考虑阻止特定国家或地区IP地址的决策。在某些情况下,这可能被视为歧视性或违反当地法律。
49 2
|
6天前
|
应用服务中间件 nginx 索引
7-15|Nginx配置
7-15|Nginx配置
|
28天前
|
负载均衡 网络协议 应用服务中间件
web群集--rocky9.2源码部署nginx1.24的详细过程
Nginx 是一款由 Igor Sysoev 开发的开源高性能 HTTP 服务器和反向代理服务器,自 2004 年发布以来,以其高效、稳定和灵活的特点迅速成为许多网站和应用的首选。本文详细介绍了 Nginx 的核心概念、工作原理及常见使用场景,涵盖高并发处理、反向代理、负载均衡、低内存占用等特点,并提供了安装配置教程,适合开发者参考学习。
下一篇
无影云桌面