Debug技巧-不启用前端访问后端

于 2023-11-01 10:47:42 发布
阅读量542 收藏 2
点赞数
分类专栏： 工具使用 文章标签： 前端 java 后端
整理不易，如需转载请标注出处~
本文链接：https://blog.csdn.net/qq_43796994/article/details/134156291
版权

在日常开发中，我们经常会遇到各种问题需要调试，前后端都启动需要耗费一定的时间和内存，方便起见，可以直接用抓包数据访问后端，这里我们需要用到Postman或者ApiFox

抓包数据

在系统前台触发后端请求，在控制台找到需要排查问题的接口，右键copy-copy as cURL(bash)
在这里插入图片描述

在ApiFox或者Postman中导入抓包数据

在这里插入图片描述

将请求地址改为自己的本地后端，发送请求可以直接访问本地后端

在这里插入图片描述

瑶光975
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue+Java后端进行调试时解决跨域问题的方式
11-26
然而，在生产环境中，需要确保服务器端启用CORS支持，以允许实际的前端域名进行跨域访问。如果Java后端使用Spring框架，可以在Controller层或全局Filter中添加CORS配置。 总结：跨域问题是前端开发中的常见挑战，...
express-app:面向前端开发人员的Node一书中的Simple Express应用
05-01
接下来，为了便于调试，我们可以启用DEBUG模式。在运行应用前，设置环境变量DEBUG为`express-app`，然后执行`npm start`。这将启动应用，并输出与"express-app"相关的调试信息。 一个简单的Express应用通常包含以下...
没有前端如何测试后端跨域问题
aq_money的博客
10-15 974
我采用的是在后端中使用Cors来解决跨域的问题。但是前端项目还没有搭建起来，并不知道Cors的解决方案是否会生效，于是在今天进行了测试。
不需要后端服务，也可以实现接口请求------JsonServer
f_chens的博客
03-31 951
JsonServer详解一、JsonServer服务简介1.1、JsonServer 是一个 Node 模块，运行 Express 服务器，你可以指定一个 json 文件作为 api 的数据源。1.2、JsonServer主要的作用就是搭建本地的数据接口，创建json文件，便于调试调用二、JsonServer----mac安装步骤2.1、调出终端：command+空格键 输入terminal.app2.2、安装命令：sudo npm install -g json-server（全局安装）2.3、查看是否已
IDEA-前后端debug
热门推荐
lxfHaHaHa的博客
03-31 3万+
debug就是程序猿的利器，我现在讲讲怎么用IDEA进行debug1.前台页面自动刷新 这里设置为update classes和resources之后，我们修改jsp文件，添加修改css、js文件，都不再需要重启tomcat，直接浏览器刷新就能看到效果了2.后台debug首先，我们以debug方式启动tomcat 然后在我们想要停住的地方打断点，就可以停在这里。打断点的方式就是在这一行的左侧
芋道前后端分离项目跳过登录
FanZaiYo的博客
10-27 1549
在此页面中可以看到当在没有获取到token时，如果此页面在白名单中则直接进入，所以我们将刚刚配置在。在此路径下配置需要跳过登录的页面路径，记住path中编辑的名称。根据以上两图可以发现芋道的。将所有需要跳过登录的方法。，否则会提示登录状态过期。至此完成免登录进入页面。
浅谈前端Debug调试方法
weixin_43423579的博客
01-09 2710
前言 我使用的是chrome浏览器，开发工具为IDEA，我做的是JAVA开发，但是经常在开发过程需要前台调试，之前一直懵懵懂懂，故此做下笔记，以供参考。 调试菜单栏介绍 快捷键Ctrl + Shift + i ,打开调试菜单栏，如下图： 在此画面中，我常用的是前四个：Elements(要素)、Console(控制台)、Sources(起源)、Network(相互关系)；下面详细解释下各个画面的操作...
DWR框架--让前端JS代码调用JAVA后端的方法
weixin_42211693的博客
11-08 2601
消息推送
Python-通过Chrome开发者工具调试Django应用
08-10
然而，很多人可能不知道，Chrome DevTools也可以与Django结合，用于调试后端应用。下面我们将深入探讨如何利用Chrome DevTools调试Django应用。 1. **设置Django Debug模式** 在使用Chrome DevTools进行调试之前，...
pyecharts 输出空白不显示图形的解决办法
最新发布
05-17
PyEcharts是一个强大的工具，用于创建交互式的JavaScript图表，但其本质是依赖于前端渲染，因此涉及到的问题可能涵盖前端和后端两方面。本文将深入探讨如何解决PyEcharts输出空白或不显示图形的问题。 1. **检查...
JSON-Editor
03-22
通过JavaScript和Ajax，前端可以与后端Python接口进行通信，实现实时编辑和保存JSON数据。 以下是一个简单的示例，展示如何在Python Flask框架中使用JSON-Editor： ```python from flask import Flask, render_...
E-Commerce_Back_End
03-29
"E-Commerce_Back_End"这个主题聚焦于电子商务网站或应用的后端技术，它处理数据存储、业务逻辑、用户交互以及与前端的通信。这里我们将深入探讨JavaScript在电子商务后端中的应用。 JavaScript，通常被认为是前端...
loggle:轻量级日志记录包装器，用于动态启用日志记录级别
05-23
JavaScript，作为广泛应用于前端和后端开发的编程语言，也有众多的日志库可供选择。其中，Loggle是一个轻量级的日志记录包装器，其主要特点在于能够动态地调整日志记录级别，以适应不同的开发和调试需求。 1. **...
绕开前端验证直接交互后台
天才战士的博客
04-12 3126
为什么前端已经验证了条件后台还需要验证一次呢？举例：对于一个不懂前端的人来说，它确实是不可编辑的。但是对于稍微懂点前端调试的来说，他就可以这样结果就不同说了吧，他可以填写保存了，这时候你是不是觉得后台验证很有必要了。这还只是更改前端页面方式，很简单的方法。如果借助工具你可以直接截取你的访问地址，修改里面的传送参数，再重新发给服务器。Fiddler可以了解一下。这是我写的一个spring+sprin...
前端的debug调试
zhou
10-26 9962
  Debug，快速定位，，理顺逻辑，调试代码。看到后端使用Debug，总会露出羡慕的小眼神。于是手指轻跳，前端也有自己的Debug。如console.log，confirm，alert，Breakpoint等，在此备忘。   alert() ，confirm()，虽然也可以起到调试的作用，但是它适合传达信息的场景就是有限的，因为它会使甚至关闭窗口这样的操作无效化。而且alert的样式也依赖于浏览器的默认样式，并且只能显示文本，不适合自定义。总的来说就是阻塞页面加载，降低网页的性能与质量。   接下来的内容
【IDEA】—前后端联调分析
在这个充满危险的乱世之中，只有学会烤鸡才能顽强的活下去。
11-30 1049
一、项目场景 今天在做项目的时候，遇到了一个BUG，就是选中店铺的个人或者个体工商户或者其他，点击查询的时候不改变，页面不进行改变。 二、解决思路 解决思路，我这里现在有两种，我先说第一种。 第一种： 我先会去看日志，看一下查询的时候，有没有把这个参数带进去。 看了日志发现没有把参数传入到后端，接下来就是看前端了，定位到组件的地方检察一下有没有问题。 第二种： 打开F12，看一下请求体中，有没有把请求参数传过来。 发现传过来了，说明前端是没有问题的。 接下来DE...
spa-flask-vue:带有Flask，Vue和Vue-Router的SPA
05-09
发展安装前端软件包（请参见下面的前端构建设置） 启用虚拟环境运行（请参见下面的后端设置） 要在开发模式下运行：运行cd frontend && npm run dev和FLASK_APP=run.py FLASK_DEBUG=1 flask run （在根目录中）。...
使用python代码，数据采集，做一个比价系统，有前端后端，前端提交查询的商品，后端启用多线程，开始比价，最后返回最低价格，该商品的链接，图片等
06-09
好的，这个系统需要用到 Python 的 requests 库来获取网页源代码，用到 BeautifulSoup 库来解析网页，用到 threading 库来实现多线程，用到 Flask 库来实现前端和后端的交互。 以下是代码实现： 后端代码： ```python import requests from bs4 import BeautifulSoup from flask import Flask, request, jsonify import threading app = Flask(__name__) def get_price(url): try: # 获取网页源代码 r = requests.get(url) r.raise_for_status() r.encoding = r.apparent_encoding soup = BeautifulSoup(r.text, 'html.parser') # 解析网页获取商品价格 price = soup.find('span', {'class': 'price'}).get_text() return price except: return '获取价格失败' @app.route('/compare', methods=['POST']) def compare(): # 获取前端提交的商品名 data = request.json product_name = data['product_name'] # 获取商品链接列表 url_list = [] url_list.append('https://jd.com') url_list.append('https://taobao.com') url_list.append('https://amazon.com') # 多线程获取商品价格 prices = [] threads = [] for url in url_list: t = threading.Thread(target=prices.append(get_price(url)), args=(url,)) threads.append(t) t.start() for t in threads: t.join() # 返回最低价格和商品链接 min_price = min(prices) min_url = url_list[prices.index(min_price)] # 返回结果 result = { 'product_name': product_name, 'min_price': min_price, 'min_url': min_url } return jsonify(result) if __name__ == '__main__': app.run(debug=True) ``` 前端代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>比价系统</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>比价系统</h1> <div> <label>商品名：</label> <input id="product_name" type="text"> <button id="compare_btn">比价</button> </div> <div id="result"> </div> <script> $('#compare_btn').click(function() { var product_name = $('#product_name').val(); $.ajax({ url: '/compare', type: 'POST', contentType: 'application/json', data: JSON.stringify({product_name: product_name}), success: function(result) { var html = '<p>商品名：' + result.product_name + '</p>'; html += '<p>最低价格：' + result.min_price + '</p>'; html += '<p>商品链接：' + result.min_url + '</p>'; $('#result').html(html); } }); }); </script> </body> </html> ``` 在命令行中运行后端代码： ``` python backend.py ``` 然后在浏览器中打开前端页面即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值