Nginx代理浏览器可实时查看程序日志

简介: 我们经常需要在页面上实时查看nginx的日志输出,并且能在页面上显示,那么如何通过Nginx实现浏览器可实时查看访问日志呢?

我们经常需要在页面上实时查看nginx的日志输出,并且能在页面上显示,那么如何通过Nginx实现浏览器可实时查看访问日志呢?


一、首先查看nginx版本,我使用的是1.20.1的版本,安装目录在/application/nginx-1.20.1


[root@AnSheng ~]# /application/nginx-1.20.1/sbin/nginx -Vnginx version: nginx/1.20.1
built by gcc4.4.7 20120313 (Red Hat 4.4.7-16) (GCC)
configure arguments: --prefix=/application/nginx-1.20.1 --user=nginx --group=nginx --with-http_stub_status_module


二、检查语法并启动nginx


[root@AnSheng ~]# /application/nginx-1.20.1/sbin/nginx -tnginx: the configuration file /application/nginx-1.20.1/conf/nginx.conf syntax is ok
nginx: configuration file /application/nginx-1.20.1/conf/nginx.conf test is successful
[root@AnSheng ~]# /application/nginx-1.20.1/sbin/nginx


三、把nginx配置文件内多余的注视行和空行删掉


[root@AnSheng ~]# cd /application/nginx-1.20.1/conf/[root@AnSheng conf]# egrep -v "#|^$" nginx.conf.defaultworker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 80;
server_name localhost;
location / {
root html;
index index.html index.htm;
}
error_page 500502503504 /50x.html;
location = /50x.html {
root html;
}
}
}
[root@AnSheng conf]# egrep -v "#|^$" nginx.conf.default nginx.conf


四、在nginx配置文件的server标签内加入以下标签和内容


location /logs {
    alias /application/nginx-1.20.1/logs;
#Nginx日志目录    autoindex on;
#打开目录浏览功能    autoindex_exact_size off;
#默认为on,显示出文件的确切大小,单位是bytes #显示出文件的大概大小,单位是kB或者MB或者GB                  autoindex_localtime on;#默认为off,显示的文件时间为GMT时间。 #改为on后,显示的文件时间为文件的服务器时间    add_header Cache-Control no-store;
#让浏览器不保存临时文件}


五、开启在浏览器打开log文件,如果不开启再点击文件的时候就下载而不是打开


[root@AnSheng conf]# vim mime.typestypes {
text/html html htm shtml;
text/log log;
text/css css;
text/xml xml;
.............


六、检测语法,然后让nginx配置生效,在浏览器查看


[root@AnSheng conf]# /application/nginx-1.20.1/sbin/nginx -tnginx: the configuration file /application/nginx-1.20.1/conf/nginx.conf syntax is ok
nginx: configuration file /application/nginx-1.20.1/conf/nginx.conf test is successful
[root@AnSheng conf]# /application/nginx-1.20.1/sbin/nginx -s reload


打开浏览器输入域名或者IP,后面加上logs,然后点击文件就可以打开了,如果日志随随便便就可以被别人查看是不是很不安全,所以我们要在加一层nginx用户认证。




七、安装httpd-tools,用于帐号密码生成


[root@AnSheng ~]# yum -y install httpd-tools


八、创建认证的账号


[root@AnSheng ~]# htpasswd -c /application/nginx-1.20.1/conf/loguser loguserNew password:
Re-type new password:
Adding password for user loguser
#密码需要输入两次


九、编辑nginx配置文件,在logs的location加入下面的内容


location /logs {
    ......
    alias PATH;
    autoindex on;
    autoindex_exact_size off;
    autoindex_localtime on;
    add_header Cache-Control no-store;
    auth_basic "Restricted";
#Nginx认证    auth_basic_user_file /application/nginx-1.20.1/conf/loguser;
#认证账号密码保存的文件}


十、然后再打开的时候就会提示输入账号和密码,登陆之后才可以查看。


相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
5月前
|
Web App开发 JavaScript
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
317 0
|
7月前
|
网络协议 应用服务中间件 nginx
nginx配置tcp协议代理的日志
nginx配置tcp协议代理的日志
151 0
|
6月前
|
缓存 JavaScript 应用服务中间件
Nginx+Tomcat代理环境下JS无法完全加载问题
Nginx+Tomcat代理环境下JS无法完全加载问题
|
7天前
|
JSON JavaScript 前端开发
vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别?
vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别?
23 1
|
2月前
|
数据可视化 应用服务中间件 网络安全
简单易用的Nginx代理管理工具:体验便捷配置、高效管理
Nginx Proxy Manager是一款强大的代理服务器管理工具,提供简单直观的界面来配置和管理Nginx代理服务器,帮助用户轻松提升配置的简洁性和便捷性。
55 0
简单易用的Nginx代理管理工具:体验便捷配置、高效管理
|
2月前
|
NoSQL 关系型数据库 MySQL
Docker安装详细步骤及相关环境安装配置(mysql、jdk、redis、自己的私有仓库Gitlab 、C和C++环境以及Nginx服务代理)
Docker安装详细步骤及相关环境安装配置(mysql、jdk、redis、自己的私有仓库Gitlab 、C和C++环境以及Nginx服务代理)
233 0
|
4月前
Nginx---代理遇到的坑
Nginx---代理遇到的坑
19 1
|
5月前
|
域名解析 网络协议 应用服务中间件
百度搜索:蓝易云【服务器配置到云上nginx代理?】
现在,您的云服务器已经配置为使用Nginx代理了。通过访问您的域名,请求将被转发到云服务器上的指定端口,并由Nginx进行代理。请确保在配置和使用过程中注意安全性和网络设置,并根据您的需求进行相应调整。
41 0
|
5月前
|
应用服务中间件 nginx Python
nginx代理目录
nginx代理目录
47 1
|
6月前
|
前端开发 JavaScript 应用服务中间件
nginx配置vue前端代理
nginx配置vue前端代理
80 0