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


相关文章
|
20天前
|
运维 应用服务中间件 Linux
LNMP详解(十三)——Nginx子页面详解
LNMP详解(十三)——Nginx子页面详解
15 3
|
25天前
|
自然语言处理 Java 数据库连接
掌握JSP页面编程:动态生成Web内容
【4月更文挑战第3天】Java Server Pages (JSP) 是一种用于创建动态Web内容的Java技术,它结合HTML并允许在页面中嵌入Java代码。JSP支持代码片段、表达式语言(EL)和JSTL标签库,简化动态内容生成。当服务器接收到请求时,执行JSP中的Java代码并将结果嵌入HTML返回给客户端。示例展示了如何显示当前日期和时间。JSP可与Servlet、JavaBeans、数据库等结合,用于构建功能丰富的交互式Web应用。
掌握JSP页面编程:动态生成Web内容
|
27天前
|
运维 前端开发 应用服务中间件
LNMP详解(八)——Nginx动静分离实战配置
LNMP详解(八)——Nginx动静分离实战配置
28 0
|
1月前
|
机器学习/深度学习 人工智能 前端开发
机器学习PAI常见问题之web ui 项目启动后页面打不开如何解决
PAI(平台为智能,Platform for Artificial Intelligence)是阿里云提供的一个全面的人工智能开发平台,旨在为开发者提供机器学习、深度学习等人工智能技术的模型训练、优化和部署服务。以下是PAI平台使用中的一些常见问题及其答案汇总,帮助用户解决在使用过程中遇到的问题。
|
26天前
|
前端开发 应用服务中间件 nginx
Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
101 0
|
3天前
|
JavaScript 前端开发 应用服务中间件
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
10 0
|
1月前
|
前端开发 应用服务中间件 nginx
使用Docker快速搭建Web服务器Nginx
本文指导如何使用Docker快速搭建Nginx服务器。首先,通过`docker pull`命令获取Nginx镜像,然后以容器形式运行Nginx并映射端口。通过挂载目录实现本地文件与容器共享,便于自定义网页。使用`docker ps`检查运行状态,访问IP:8088确认部署成功。最后,介绍了停止、删除Nginx容器的命令,强调Docker简化了服务器部署和管理。
51 0
|
2天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
17 0
|
6天前
|
安全 应用服务中间件 网络安全
SSL原理、生成SSL密钥对、Nginx配置SSL
现在,你的Nginx虚拟主机应该已经配置了SSL,可以通过HTTPS安全访问。确保在生产环境中使用有效的SSL证书来保护通信的安全性。
19 0
|
8天前
|
域名解析 缓存 负载均衡
Nginx正向代理域名的配置
Nginx正向代理域名的配置