img标签请求拦截_通过nginx代理拦截请求进行全局访问限制

最新推荐文章于 2024-06-25 14:41:31 发布
原创 最新推荐文章于 2024-06-25 14:41:31 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#img标签请求拦截

本文介绍了一种通过nginx代理拦截请求的方法，解决全局访问限制问题，特别是针对img标签请求和Tomcat虚拟目录的权限管理。在详细步骤中，包括了升级nginx、添加ngx_http_accesskey_module模块，以及配置nginx访问key，以此实现未登录用户访问资源的404拦截，而登录用户可以正常访问。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

本文介绍了通过nginx代理拦截请求进行全局访问限制，分享给大家，具体如下：

运行环境：Ubantu 14.0

tomcat7

nginx 1.4.6(更新后1.5.6)

项目中经常会用到权限管理，必然的就会存在权限的设定和验证；对于登陆或者模块的权限设定验证，在项目中直接实现；那么问题出现了

1.访问资源文件

2.多项目访问权限

3.tomcat中虚拟目录的访问权限

公司项目中用到文件的上传下载，在线预览等功能；当然用户在使用的时候，我们不可能把用户的上传的文件放在项目中，那么必然会用到

虚拟目录来映射文件的位置，或者说跨域夸项目；如果没有对这些进行一个访问的权限的限制，那么你将可以不需要任何权限就可以访问下载

服务器上的资源(只要路径正确不需要任何权限)，下面拿公司项目实际情况说明一下：

比如访问： http://192.168.1.118/filefindPDFfilePath?filePath=root/(A)/上传应用描述.docx 将出现

filefindPDFfilePath?filePath=root/(A)/上传应用描述.docx http 请求会返回 /imgss/(A)/上传应用描述.docx(imgss是tomcat server.xml配置的虚拟目录)

打开浏览器我们直接访问虚拟目录：http://192.168.1.118/imgss/(A)/上传应用描述.docx 将出现不需要任何权限可以预览或者使用工具下载服务器资源

这会导致客户在使用时，在稍有心思的人面前没有任何安全可言

下面说一下如何解决这个问题：

第一种方案：设置tomcat全局过滤器，进行session验证

1.项目中添加过滤器 UserLoginFilter.java(这里就不赘述了)

2.在tomcat 配置文件web.xml添加Filter

注意这里：applicaton/com.rhxy.service.UserLoginFilter 指向项目中的UserLoginFilter过滤器

这里需要说明一下。配置的拦截请求都是tomcat server.xml中配置的虚拟路径

而所有的访问资源的请求都是需要经过这里，所以直接设置虚拟路径即可

启动tomcat 重新部署项目;进行测试。结果如下

未登录情况下

访问：http://192.168.1.118/filefindPDFfilePath?filePath=root/(A)/12.png 打开tomcat 日志进行观察：

观察一下前台：

未登录情况下被成功被过滤掉了

测试直接访问虚拟目录：http://192.168.1.118/imgss/(A)/12.png同样被拦截

然后测试登陆后访问，就出现问题了。请求是被过滤了，但是权限验证合格以后请求返回的status 居然是404

后台日志:

前台:

http://192.168.1.118/filefindPDFfilePath?filePath=root/(A)/12.png

http://192.168.1.118/imgss/(A)/12.png  通过后台观察，请求都是有经过过滤器进行session验证，并且都是验证通过，然而还是出现404，资源在

服务器中是肯定存在的，tomcat 中的虚拟目录设置也没有问题；经过多次测试问题出在tomcat配置文件web.xml配置的过滤器，映射的是项目中的过滤器

那么将过滤器打包成jar 以后，放置在tomcat 中，然后修改web.xml配置文件，修改Filter 中filter-class 为jar包打包的路径，然后测试发现项目无法启动。

在配置Filter 中filter-class 路径时出错；然后经过一系列尝试，最终还是失败，因为时间有限，所以只能放弃这种,但是我相信思路肯定是正确的，因为

听说已经有人实现了，但是没有具体说明，下面开始尝试第二种

第二种方案：通过nginx代理拦截请求，并进行访问限制

1.使用 nginx -V 查看版本几安装的模块，查看是否有ngx_http_accesskey_module模块，没有的话需要为nginx加入ngx_http_accesskey_module模块(附件)，因为我的版本是1.4.6上面很多模块都没有，先进行升级

1.1)下载nginx-1.5.6.tar.gz (文件位置在/root下)wget http://nginx.org/download/nginx-1.5.6.tar.gz

1.2)解压nginx-1.5.6.tar.gz文件tar zxvf nginx-1.5.6.tar.gz

1.3)进入ngixn-1.5.6文件夹中cd nginx-1.5.6

1.4)查看nginx原来的配置输出：--prefix=/etc/nginx--conf-path=/etc/ nginx/nginx.conf--error-log-path=/var/log/nginx/error.log --http-client-body-te mp-path=/var/lib/nginx/body--http-fastcgi-temp-path=/var/lib/nginx/fastcgi --http-log-path=/var/log/nginx/access.log--http-proxy-temp-path=/var/lib/nginx/proxy --http-scgi-temp-path=/var/lib/nginx/scgi--http-uwsgi-temp-path=/var/lib/nginx/uwsgi --lock-path=/var/lock/nginx.lock --pid-path=/var/run/nginx.pid--with-http_realip_module --with-http_stub_status_module--with-http_ssl_module

--with-debug--with-http_addition_module --with-http_dav_module --with-http_geoip_module --with-http_gzip_static_module --with-http_realip_module --with-http_stub_status_module --with-http_ssl_module --with-http_sub_module --with-http_xslt_module --with-ipv6--with-sha1=/usr/include/openssl --with-md5=/usr/include/openssl

--with-mail--with-mail_ssl_module

2.下载ngx_http_accesskey_module模块

2.1)mkdir -p /etc/nginx/third-modules

2.2)cd /etc/nginx/third-modules

2.3)wget ftp://91.193.69.2/distributive/FreeBSD/ports/local-distfiles/osa/nginx-accesskey-2.0.3.tar.gz

2.4)tar -zxvf nginx-accesskey-2.0.3.tar.gz

2.5)修改下nginx-accesskey-2.0.3的config文件：把$HTTP_ACCESSKEY_MODULE修改成ngx_http_accesskey_module

3.返回root下nginx-1.5.6

3.1)执行configure命令,后面跟上原来nginx的配置 并添加ngx_http_accesskey_module./configure --prefix=/etc/nginx --conf-path=/etc/nginx/nginx.conf --error-log-path=/var/log/nginx/error.log --http-client-body-temp-path=/var/lib/nginx/body --http-fastcgi-temp-path=/var/lib/nginx/fastcgi --http-log-path=/var/log/nginx/access.log --http-proxy-temp-path=/var/lib/nginx/proxy --http-scgi-temp-path=/var/lib/nginx/scgi --http-uwsgi-temp-path=/var/lib/nginx/uwsgi --lock-path=/var/lock/nginx.lock --pid-path=/var/run/nginx.pid --with-http_realip_module --with-http_stub_status_module --with-http_ssl_module --with-debug --with-http_addition_module --with-http_dav_module --with-http_geoip_module --with-http_gzip_static_module --with-http_realip_module --with-http_stub_status_module --with-http_ssl_module --with-http_sub_module --with-http_xslt_module --with-ipv6 --with-sha1=/usr/include/openssl --with-md5=/usr/include/openssl --with-mail --with-mail_ssl_module --add-module=/etc/nginx/third-modules/nginx-accesskey-2.0.3

在执行configure时得到几个错误:

a.配置 --with-http_xslt_module 时提示 the HTTP XSLT module requires the libxml2/libxslt librariessudo apt-get install libxml2 libxml2-dev libxslt-dev

b.配置 --with-http_image_filter_module 时提示 the HTTP image filter module requires the GD library.sudo apt-get install libgd2-xpm libgd2-xpm-dev

c.配置 --with-http_geoip_module 时提示 the GeoIP module requires the GeoIP library.sudo apt-get install geoip-database libgeoip-dev

d.rewrite需要pcre支持, 错误提示：./configure: error: the HTTP rewrite module requires the PCRE library.apt-get install libpcre3 libpcre3-dev

e.ubuntu error: SSL modules require the OpenSSL library.sudo apt-get install openssl libssl-dev

3.2)再执行第6步的configure命令

3.3)这次没有提示缺少library, 执行make令命编译nginx, 编译好以后objs目录下多出一个nginx文件，这个就是已编辑好的nginx程序make

3.4)更改旧的nginx程序的名子,并复制新的程序过去,我的旧nginx程序放在/usr/sbin/目录中mv /usr/sbin/nginx /usr/sbin/nginx-20160910cp objs/nginx /usr/sbin/nginx/usr/sbin/nginx -t

执行/usr/sbin/nginx -t 命令检查配置文件并将返回下面的信息:nginx: the configuration file /etc/nginx/nginx.conf syntax is oknginx: configuration file /etc/nginx/nginx.conf test is successful

3.5)在nginx-1.5.6目录下执行下面的命令来升级nginxmake upgrade

3.6)执行make upgrade得到一个错误：make: /etc/nginx/sbin/nginx: Command not foundmake: *** [upgrade] Error 127

3.7)用文本编辑器打开修改nginx-1.5.6目录下名为Makefile的文件，将upgrade节点中的/etc/nginx/sbin/nginx -t改为/usr/sbin/nginx -t,保存后关闭并重新执行make upgrade命令

3.8)执行nginx -V命令，程序的版本号已经是1.5.6，升级完毕.

4.修改nginx配置文件  vim /etc/nginx/sites-available/localhostlocation ^~ /imgss/ { # root /data/customfiles/photos/; # expires 30d; accesskey off; accesskey_arg "sign"; accesskey_hashmethod md5; accesskey_signature "xxxxxxx"; proxy_set_header Host $host; proxy_pass http://127.0.0.1:8080; }

accesskey 为模块开关；accesskey_hashmethod 为加密方式MD5或者SHA-1；accesskey_arg 为url中的关键字参数；accesskey_signature 为xxxxxxx加密值构成的字符串。

保存后，重启nginx ：service nginx restart  ?sign=(这里为accesskey_signature MD5加密值)

再次进行测试,使用http://192.168.1.118/filefindPDFfilePath?filePath=root/(A)/12.png进行访问，将请求返回的URl /imgss/(A)/上传应用描述.docx后面添加?sign=(这里为accesskey_signature MD5加密值)

测试结果:未登录情况下 http://192.168.1.118/filefindPDFfilePath?

filePath=root/(A)/12.png http://192.168.1.118/imgss/(A)/12.png

都将返回404页面。登陆后返回正常页面，显示12.png

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持网页设计。

数据侠士
关注
Nginx_02_Nginx三大高级功能(Http缓存、数据压缩、跨域访问)
毛毛的专栏
07-11 2878
文章目录一、前言二、Nginx实现Http缓存2.1 理论2.2 实践2.3 第三方插件：ngx_cache_purge三、Nginx实现动静分离3.1 静态资源和动态资源3.2 实践四、Nginx实现数据压缩4.1 理论4.2 实践五、Nginx实现跨域访问5.1 同域5.2 跨域请求5.3 四种处理跨域请求的方式5.3.1 jsonp5.3.2 方法或类上加上@CrossOrigin注解，或者全局加上配置5.3.3 巧用nginx：将跨域变成nginx转发，这样对浏览器来说，就变成了同域请求5.3.4
CentOS7 安装Nginx，网站部署、请求转发
一碗清深的博客
01-25 589
Nginx是一款高性能的Web服务器和反向代理服务器，被广泛用于构建高性能的网站和应用程序。本文将介绍在CentOS 7.9上安装Nginx的步骤，并详细解释相关配置和证书部署以及请求转发。
img标签请求拦截_《HTML常用标签》
weixin_31759799的博客
01-09 1228
（一）a 标签的用法 重要属性：href、target 等等。作用：href 是超级引用，相当于建立一个超链接，href可以跳转外部页面，打开内部锚点，发送邮件，打电话等等。target 是指定在一个窗口打开页面。（二）img 标签的用法作用：发出一个get请求，然后展示图片属性：alt 用来显示文字， height 高，width宽 ，scr图片地址响应式：max-width:100%（三）t...
面试官：给我说一下 Spring MVC 拦截器的原理？
勇往直前的专栏
10-26 3367
前言 SpringMVC是目前主流的Web MVC框架之一。 拦截器是每个Web框架必备的功能，也是个老生常谈的主题了。 本文将分析SpringMVC的拦截器功能是如何设计的，让读者了解该功能设计的原理。 重要接口及类介绍 1. HandlerExecutionChain类 由HandlerMethod和Interceptor集合组成的类，会被HandlerMapping接口的getHandler方法获取。 2. HandlerInterceptor接口 SpringMVC拦截器基础
img标签请求拦截_iOS 拦截篇(一)：拦截H5通过<input>标签选取的图片
weixin_30328003的博客
12-24 653
一、场景H5经常会需要选择手机照片来完善自身内容；比如上传身份证照片、资产照片等等等。有时候这些照片经常需要app处理完后才上传给H5，那么这时候作为app的你就必须先处理好H5选择的手机照片，再上传给他。所以本文接下来将讲解如何拦截处理H5选择的手机照片；二、基础知识准备普及基础知识：H5选择手机照片的方式主要有两种：1、通过与app的JS交互，选择手机照片；2、通过H5自身的标签，选择手机照片...
访问服务器图片被nginx拦截
热门推荐
qq_44086060的博客
12-17 33万+
在服务本地存放的图片 在没有用ngnix的时候可以通过：http://127.0.0.1:9207:9207/picture/template/test.jpg 直接访问 加了ngnix之后就不能直接访问服务器 需要通过ngnix进行访问 server { # 默认端口 listen 80; # nginx 服务地址 server_name 192.168.1.16; proxy_set_header X-For
img标签请求拦截,我可以阻止Chrome开发者工具控制台记录图像404错误吗？
weixin_28718769的博客
12-24 282
The Chrome Developer Tools console logs an error each time a page asset (including an image) isn't found (i.e. returns 404).In my work, I'm often working on sites where images are provided by third pa...
vue 登录拦截及权限管理，登录页面_vue不能登录后端
2401_84436058的博客
04-29 241
@param {Number} status 请求失败的状态码。message: ‘登录过期，请重新登录’,// 401: 未登录状态，跳转登录页。// 清除token并跳转登录页。tip(‘请求的资源不存在’);* 请求失败后的错误统一处理。// 403 token过期。// 404请求不存在。
Nginx详细讲解
gbaos的博客
10-06 601
一. Nginx介绍. Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件其特点是占有内存少，并发能力强。 官网地址: https://nginx.org/en/download.html 当一台tomcat无法承受客户端的压力时,对tomcat服务器搭建集群. Nginx让客户端通过一个统一的请求地址,去访问到tomcat服务器的集群. 当发送大量请求时,Nginx可以合理的将全部的请求分发到tomcat服务器集群. Nginx中间件可以承受较大的并发量. 二. docke
Nginx实战系列-玩转高性能Nginx服务器经典案例实战
二当家小D的学习资源库
06-25 1461
简介 自定义日志格式，统计接口响应耗时日志格式增加从接受用户请求的第一个字节到发送完响应数据的时间，即包括接收请求数据时间、程序响应时间、输出响应数据时间$upstream_response_time：指从Nginx向后端建立连接开始到接受完数据然后关闭连接为止的时间$request_time一般会比upstream_response_time大，因为用户网络较差，或者传递数据较大时，前者会耗时大很多配置自定义日志格式server {listen 80;
全局拦截各种http请求
anshaobiao6449的博客
11-19 1538
http请求无非就是ajax、src、href、表单 function hookAJAX() { XMLHttpRequest.prototype.nativeOpen = XMLHttpRequest.prototype.open; var customizeOpen = function (method, url, async, user, passwor...
Nginx 限制url访问图片资源文件
Pasa吴技术博客
11-06 1212
Nginx 限制url访问图片资源文件
img过滤器
12-25 337
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;!-- 告诉浏览器你使用的是html的什么标准， 该标准一个叫w3c的机构制定--&gt;&lt;html&gt;  &lt;head&gt;    &lt;title&gt;imgfilter.html&lt;/title&gt; &lt;
vue前端img访问鉴权，后端进行拦截
lianyunpeng的博客
01-30 2711
此文章为了解决匿名可以访问图片问题，有的文章是重构了el-img组件，使用blob重新进行加载。该文章是换个思路，在图片访问地址后面追加token参数，后端进行拦截，判断token是否有效，无效则拦截。
前端img中路径src设置问题
梁白开的博客
07-20 4990
前端img中路径设置
nginx 实现图片防盗链
m0_67505824的博客
03-14 814
什么是 Referer Referer 首部包含了当前请求页面的来源页面的地址，即表示当前页面是通过此来源页面里的链接进入的。服务端一般使用 Referer 首部识别访问来源，可能会以此进行统计分析、日志记录以及缓存优化等。 通俗来说，假如我通过 Google 搜索去搜索referer，然后搜索引擎给出了一堆链接，这个时候，我点击链接，那么 http 头就会带上 referer 字段信息，并且值就是 Google 搜索的 url 地址https://www.google.com；因此，假设从 A 网址到
请求后打开新页面被拦截_拦截新的Image（）。src请求
cunbei2644的博客
09-26 893
请求后打开新页面被拦截Maybe you're an attacker who sneaked in a little JavaScript to an unsuspecting site and would like to, well, sneak. Or maybe you want to know what exactly all these third-party analytics sc...
nginx 代理请求图片文件等简单使用
程序员
09-30 8361
首先需要nginx 这里我使用的是nginx-1.10.2 然后进行配置,在conf下面的nginx.conf文件中进行配置 配置：具体配置看快结尾的配置，前面的配置方便大家了解 #user  nobody; #定义了nginx对外提供web服务时的worder进程数。 #最优值取决于许多因素，包括（但不限于）CPU核的数量、存储数据的硬盘数量及负载模式。 #
前端拦截Image的src并返回原生对象
weixin_43192572的博客
06-29 2968
做框架的时候因为跨域问题，需要将用户的请求目标进行hook，拦截用户代码的Image.src操作并重定向到自己的url进行代理访问。为此进行了一些研究。 可能的解决方案 利用Proxy包装并返回Proxy，通过handler拦截。 利用Object.defineProperty监听变化并拦截 利用Proxy方法拦截有个弊端，由于返回的是Proxy对象，虽然能够拦截src并进行修改，但是将无法通过drawImage绘制到Canvas上。 正常的绘制方法： let canvas2d = document.c
如何查看显示收到 /api/upload、/api/stylize 等请求。
最新发布
07-15
<think>我们正在讨论如何监控和查看服务器接收到的特定API请求（/api/upload 和 /api/stylize）。根据之前的上下文，我们有一个Flask应用，结构如下： - 项目根路径：假设为`stylize`（项目名） - API部分位于`app/api`目录下，并且有版本控制（如v1） - 具体到这两个请求，它们应该在`app/api/v1/img`目录下的文件中（例如`stylize.py`） 为了监控和查看服务器接收到的请求，我们可以采用以下几种方法： ### 1. 使用Flask内置的日志记录 Flask应用默认会记录每个请求到控制台（或指定的日志文件）。我们可以通过配置日志来记录这些请求的详细信息，包括请求路径、方法、IP地址、时间等。 **步骤：** - 在创建Flask应用时，配置日志级别和输出位置。 - 可以添加一个日志过滤器，只记录我们感兴趣的路径（如`/api/upload`和`/api/stylize`）。 **示例代码：** 在创建Flask应用的地方（通常是`app/__init__.py`或主应用文件）添加日志配置： ```python import logging from logging.handlers import RotatingFileHandler # 创建Flask应用实例后 app = Flask(__name__) # 配置日志 handler = RotatingFileHandler('app.log', maxBytes=10000, backupCount=1) handler.setLevel(logging.INFO) # 可以设置日志格式 formatter = logging.Formatter('%(asctime)s - %(name)s - %(levelname)s - %(message)s') handler.setFormatter(formatter) app.logger.addHandler(handler) app.logger.setLevel(logging.INFO) # 如果只想记录特定路由，可以使用一个中间件（before_request）来记录 @app.before_request def log_request(): if request.path in ['/api/upload', '/api/stylize']: app.logger.info(f"Request: {request.method} {request.path} from {request.remote_addr}") ``` ### 2. 使用中间件记录请求 我们可以编写一个Flask中间件（在请求前后执行的函数）来记录请求信息。 **示例代码：** 在`before_request`钩子中记录请求： ```python @app.before_request def before_request_logging(): if request.path in ['/api/upload', '/api/stylize']: # 记录请求方法、路径、远程地址、请求参数等 app.logger.debug(f"Path: {request.path}") app.logger.debug(f"Method: {request.method}") app.logger.debug(f"Headers: {request.headers}") # 注意：记录请求体要小心，因为可能包含大文件，我们只记录非文件字段 if request.form: app.logger.debug(f"Form data: {request.form}") if request.files: app.logger.debug(f"Files: {request.files.keys()}") # 不记录文件内容，只记录文件名 ``` ### 3. 使用第三方日志监控工具 例如，使用`logstash`、`fluentd`等工具收集日志，然后通过`Kibana`等工具进行可视化监控。这需要搭建ELK（Elasticsearch, Logstash, Kibana）栈或类似工具。 ### 4. 使用APM（应用性能监控）工具 例如，使用`New Relic`、`Datadog`、`Sentry`或开源的`SkyWalking`、`Pinpoint`等。这些工具可以监控请求的详细信息，包括响应时间、错误率等，并且通常可以按路径过滤。 ### 5. 在视图函数中直接添加日志 在具体的视图函数中，我们可以添加日志记录。 例如，在`app/api/v1/img/stylize.py`中： ```python from flask import current_app as app @app.route('/api/stylize', methods=['POST']) def stylize(): app.logger.info("Received stylize request") # ... 处理请求 ... ``` ### 6. 使用调试工具 在开发环境中，可以使用Flask自带的调试器，它会记录所有请求。但生产环境中不建议开启调试模式。 ### 注意事项 - **敏感信息**：避免在日志中记录敏感信息（如密码、密钥等）以及大文件内容。 - **日志轮转**：生产环境中应配置日志轮转，防止日志文件过大。 - **日志级别**：生产环境通常使用INFO级别，避免使用DEBUG级别（除非需要调试），因为DEBUG级别日志量很大。 ### 总结 根据你的需求，最简单的方法是配置Flask的日志，并在`before_request`钩子中过滤特定的路径进行记录。这样，每当有请求到达`/api/upload`或`/api/stylize`时，就会在日志文件中记录详细信息。 如果你需要更详细的监控（如请求耗时、错误追踪等），建议使用APM工具。 §§相关问题§§ 1. 如何配置Flask日志记录到文件并按天轮转？ 2. 如何在生产环境中安全地记录HTTP请求？ 3. 有哪些开源的APM工具可以用于监控Flask应用？</think>要监控和查看服务器接收到的 `/api/upload` 和 `/api/stylize` 请求，可以通过以下几种方法实现： ### 1. Flask日志记录（推荐） 在视图函数中添加日志记录，这是最直接的方式： ```python # 在stylize.py文件中添加 import logging from flask import request @app.route('/api/stylize', methods=['POST']) def stylize(): # 记录请求信息 logging.info(f"[API监控] 收到/stylize请求 | 客户端IP: {request.remote_addr} | 参数: {request.form} | 文件: {request.files.keys()}") # ...原有处理逻辑... @app.route('/api/upload', methods=['POST']) def upload(): logging.info(f"[API监控] 收到/upload请求 | 客户端IP: {request.remote_addr} | 文件大小: {request.content_length}字节") # ...原有处理逻辑... ``` ### 2. 中间件拦截（全局监控） 创建请求拦截器监控所有API请求： ```python # 在app/__init__.py中添加 @app.before_request def log_requests(): if request.path in ['/api/upload', '/api/stylize']: app.logger.info( f"API请求: {request.method} {request.path} " f"| IP: {request.remote_addr} " f"| 参数: {dict(request.form)}" ) ``` ### 3. 使用Nginx访问日志（生产环境推荐） 在Nginx配置中添加特定路径的日志： ```nginx # nginx.conf http { log_format api_monitor '$remote_addr - $request [$status] "$http_user_agent"'; server { location ~ ^/api/(upload|stylize) { access_log /var/log/nginx/api_access.log api_monitor; proxy_pass http://your_flask_app; } } } ``` 查看日志：`tail -f /var/log/nginx/api_access.log` ### 4. 使用监控工具 - **调试模式**：启动时添加`FLASK_DEBUG=1`，控制台会显示所有请求 - **Postman/Insomnia**：开发时手动测试API - **Prometheus+Grafana**：生产环境监控API指标 ```python # 安装prometheus_flask_exporter from prometheus_flask_exporter import PrometheusMetrics metrics = PrometheusMetrics(app) metrics.info('api_requests', 'API请求监控') ``` ### 5. 数据库记录（长期存储） ```python # 创建请求记录模型 class APIRequest(db.Model): id = db.Column(db.Integer, primary_key=True) endpoint = db.Column(db.String(50)) ip_address = db.Column(db.String(20)) timestamp = db.Column(db.DateTime, default=datetime.utcnow) # 在视图函数中 @app.route('/api/stylize') def stylize(): new_record = APIRequest(endpoint='/stylize', ip_address=request.remote_addr) db.session.add(new_record) ``` ### 查看方法 1. **实时监控**：`tail -f app.log`（查看Flask日志） 2. **历史查询**： ```bash grep "/api/stylize" app.log grep "/api/upload" /var/log/nginx/access.log ``` 3. **可视化**：使用Kibana或Grafana连接日志系统 ### 注意事项 1. 生产环境避免记录敏感数据（如文件内容、密码） 2. 高频API需注意日志体积，建议使用`RotatingFileHandler` 3. 对于文件上传，记录元数据而非文件内容： ```python logging.info(f"上传文件: {file.filename} ({file.content_length}字节)") ``` > 根据项目结构，建议在`app/api/v1/img/stylize.py`中添加视图函数级别的日志记录，这是最精准的监控方式[^1]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值