前端端分离，如何测试？--后端暴露端口

最新推荐文章于 2023-05-18 16:47:06 发布
最新推荐文章于 2023-05-18 16:47:06 发布
阅读量607 收藏 1
点赞数
文章标签： 前端 服务器 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52211542/article/details/127937075
版权

最近在小组在完成一个前后端分离项目，那么后端写好之后没有服务器怎么暴露给前端人员访问呢？
那么我们可以通过局域网内电脑暴露端口来实现

在windos的防火墙中暴露端口

打开控制面板

在这里插入图片描述

进入防火墙高级设置

在这里插入图片描述

在这里插入图片描述

然后自定义一个入站规则

在这里插入图片描述

暴露后端代码访问的端口（比如Tomcat服务器默认打开的80端口）
注意如果需要暴露多个端口则用英文逗号隔开

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

然后自定义这个入站规则的名称

在这里插入图片描述

然后查询直接的电脑的ip地址告诉前端人员，这样 ip：端口 就可以访问你后端代码啦!

在这里插入图片描述

橙子的胖胖
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前后端分离项目部署到服务器（超详细）
qq_48679153的博客
12-16 6345
购买服务器 点击更多–密码/秘钥–重置实例密码。 之后用xshell连接上。 linux用户名是root 密码是刚才设置的那个。 连接成功后我们回到服务器管理控制台。 点击 更多–网络和安全组–安全组配置–配置规则 添加需要的端口号，这里我添加的是（8090，8080，3306） 准备工作做完之后我们开始来部署项目。 去官网找一个jdk的压缩包，也可以进我的百度网盘提取。 jdk-8u181-linux-x64.tar.gz 链接：https://pan.baidu.com/s/1JUfYX6QkD
python生成文章标题_生成自测文档的Python项目
weixin_39785400的博客
12-11 406
作为一个码农, 有时候开发自己的平台, 总是需要一个测试平台服务的工具, 你可能想到了 postman, 是的, 它可以解决我们开发中单个服务的调试工作, 但是我想要的不局限于单个服务的测试。✏️ ️1. 需 求 罗 列盘点了几个现在需要的需求, 如下：自动化测试 API 服务生成测试数据报告异常请求捕获请求响应总览在请求中, 我需要执行脚本就可以测试所有的服务 API, 并且生成报告文件供我阅览...
sprinboot+vue前后端分离项目前后端如何交互联系
weixin_52237616的博客
05-18 2401
Spring Boot和Vue前后端分离项目的前后端交互一般是通过RESTful API实现的。具体来说，后端开发人员可以使用Spring Boot框架提供的RESTful API功能来暴露接口，前端开发人员则可以使用Vue.js框架中的Axios库等工具发送HTTP请求调用这些接口。通过以上方式，后端和前端可以实现数据交互和通信，实现了前后端分离的目标。是一个变量，代表要查询的用户ID。接口发送GET请求，其中。表示向后端应用程序的。
前端代码中如何避免暴露后端接口
Zhooson的博客
04-16 7482
在日常开发中，后端同事会给前端一个地址，这个地址我们不想暴露出来，具体操作该怎么做？ 这里已vue3 的项目为例子。react 原理是一样的 第一步前端配置 .env.production文件 VUE_APP_NODE_ENV = "'production'" # base api VUE_APP_BASE_API = '/' // 这里这单纯的设置为／， 这样程序自动获取前端的host 解释： 前端的访问地址为： http://www.hhhh.com, 接口地址：http://api.hhh
前后端访问
qq_43573743的博客
02-02 2160
前端页面访问后端接口，分为两种情况： 前端页面和后端代码在同一个项目中：常用ajax 前端项目和后端项目不属于同一个项目:vue项目中使用axios ajax jquery实现Ajax ajax 跨域访问 跨域访问理解：通常，网络地址是由三部分组成的：协议://ip地址:端口号。当前端所要访问的后端的网络地址地址和前端工程的网络地址的协议或者ip或者端口号中有一个不一样，则访问后端时便属于跨域访问。 Vue项目实现跨域访问：基于axios实现。 通过学习axios，我们知道，axios是用来实现像后
接口功能泄露防御
qq_42565292的博客
08-03 813
出现的根因：在我们后台开发时，经常使用接口功能管理的依赖包，以便我们日常开发的维护，以及和前端同事进行对接，一目了然的看懂接口文档。但是我们发布的时候忘了关闭接口管理文档。 造成危害： 敏感数据包括但不限于：口令、密钥、证书、会话标识、License、隐私数据 （如短消息的内容）、授权凭据、个人数据（如姓名、住址、电话等）等，在程序 文件、配置文件、日志文件、备份文件及数据库中都有可能包含敏感数据。攻击者可通过上述方式获取网站敏感文件，收集网站敏感信息，从而有针对性 的进行利用。 ** 防御方法： ** 在
毕设项目：基于SpringBoot+Vue前后端分离型图书管理系统.zip
最新发布
08-23
《基于SpringBoot+Vue的前后端分离型图书管理系统》是一个典型的现代Web开发实践，结合了SpringBoot的强大后端能力和Vue.js的高效前端框架，旨在提供一个功能完备、用户体验良好的图书管理解决方案。本项目的核心...
BootReactMavenBuild-源码.rar
10-10
【标题】"BootReactMavenBuild-源码" 指的是一个包含...通过学习和分析这个项目，开发者可以掌握现代前后端分离应用的开发流程，了解Spring Boot和React的最佳实践，以及如何利用Maven和前端构建工具来管理和构建项目。
grpc-gateway-template
02-26
GRPC Gateway 是一个工具，它允许将 gRPC 服务暴露为 RESTful API，以便传统前端或者不支持 gRPC 的客户端可以与后端服务进行通信。这个模板可以帮助开发者快速搭建起一个具备 gRPC 和 REST 双重接口的服务。 在 `...
controle-despesas-spring
03-14
Spring是Java生态系统中最广泛使用的框架之一，它提供了丰富的功能来构建可扩展、模块化的后端应用。让我们深入探讨这个项目可能包含的关键技术点和知识点。 1. **Spring Boot**: 由于项目名为"controle-despesas-...
springboot-first
05-08
在 Spring Boot 中，它们可以与 Spring MVC 集成，将后端数据传递到前端展示。 7. **Maven 或 Gradle**：构建工具，用于管理项目的依赖和构建流程。在这个项目中，可能是通过 Maven 或 Gradle 将所有依赖项整合在...
前后端分离-跨域请求问题
kentlhxy的博客
05-23 287
跨域请求 了解路径的意义 hhtp://localhost:8080/view/hello/index.html 这是启动Tomcat服务器后,访问页面的对应路径 由 http +url组成, 即协议://ip端口/路径 1.ip :指向服务 (电脑) 2.端口 : 指定 处理请求程序 (Tomcat) localhost:8080 ---相当于当前电脑去找到服务器Tomcat,对应端口就是8080 3.路径 :指定文件的所在位置,要访问到哪个页面 8080/ :后面这个
一个实体里包含另一个实体list如何实现前后端的功能_不懂前后端分离？这篇就够...
weixin_39618730的博客
11-24 242
一 传统的开发模式前后端分离前我们的开发协作模式一般是这样的：前端写好静态的HTML页面交付给后端开发。静态页面可以本地开发，也无需考虑业务逻辑只需要实现View即可。后端使用模板引擎去套模板，同时内嵌一些后端提供的模板变量和一些逻辑操作。然后前后端集成对接，遇到问题，前台返工，后台返工。然后在集成，直至集成成功。这种模式的问题在前端调试的时候要安装完整的一套后端开发工具，要把后端程序完全启动起来...
vue项目接口地址暴露_vue项目在开发环境和生产环境接口地址配置简记
weixin_34416909的博客
02-05 723
开发环境在开发环境中，由于前后台并不是放在同一个服务器中的，所以这个时候就需要配置代理，打开vue项目的config/index.js文件，找到dev对象里的proxyTable配置如下：dev: {// PathsassetsSubDirectory: 'static',assetsPublicPath: '/',// 配置后台通信proxyTable: {'/api': {// 本地targe...
针对Vue前后端分离项目的渗透思路
weixin_52501704的博客
04-30 2421
1. 在常规场景下，前端的项目一般搭建在公网上，而 API 接口也就是后端服务器是部署在内网，但是很多情况下，开发者为了方便管理和调试，会在公网 Api 后端服务器上搭建一个后台管理界面从而方便管理数据，这种情况下就会存在一定的几率导致泄露出后端服务器的 IP，所以我们不仅可以在 js 文件中发现 API 接口，还可以去尝试去获取 IP 和域名。查找未授权 Api 接口去尝试进行常规测试，例如 SQL 注入，XSS，SSRF，命令执行，XXE，Fastjson，Shiro 等。
Web安全—敏感信息泄露
weixin_44431280的博客
01-17 2900
敏感信息泄露常见场景： 敏感信息： 后台URL地址，操作系统类型，数据库类型，脚本类型，接口信息等 常见场景： 1，通过访问URL下的目录，可以直接列出目录下的所有文件列表（目录遍历，index of） 2，构造输入错误的URL，服务端返回错误信息包括操作系统，Web容器版本，脚本语言类型等 3，前端的源码（CSS，JS和HTML）里面包含敏感信息，后台登陆地址，内网接口信息，甚至账号密码等 ...
浅谈前后端分离
fakeeel的博客
07-09 575
一个正常的软件开发可以简化成四大步：设计、开发、测试、部署，所以真正的前后端分离应该渗透到每个步骤中去。 第一个阶段：设计阶段 设计的第一个层面当然是系统设计：后端系统设计较好理解，主要是系统架构、数据库、中间件、缓存等，主要考虑性能、容量、扩展性、维护性；那前端也应如此，假如网站非常复杂，页面极其多，这时前端项目架构也需要做好规划，尽量满足长期演进、可迭代的目标。 设计的第二个层面就是接口设计：前后端系统通过接口进行交互，这时模型（ Model）层面的接口约定极其重要，包括：接口请求方式、数据类型、
后台暴露IP给前端（前后端测试）
肖的博客
12-07 4868
用防火墙暴露出 IP 暴露80端口（我服务器默认打开的端口） 之后一路下一步 将自己的 IP 给前端 查询自己以太网IP：ipconfig 如果前端之间访问 IP 出现的页面不是你想传的，而是一些阻止，则可能是服务器本身有阻止，需要额外配置服务器 之后就可以通过ip后面拼接的 /login 之类的给前端用来数据对接测试 ...
如何看出一个网站是否是前后端分离的?
热门推荐
weixin_44397907的博客
03-08 1万+
主要就是看这个网站的数据是通过前端渲染的，还是后端渲染后生成的 打开网站，按F12，然后点击Network，然后再点XHR 然后在name栏中随便点击一个 如果有这样的json数据，说明就是前后端分离的 如果不是这种json数据，而是整个html，就不是前后端分离架构 ...
vue-element-admin后端改造
07-28
总结起来，vue-element-admin后端改造的步骤包括启动vue-element-admin和Flask后端服务、修改前端代码中的后端交互功能和模拟数据接口、处理跨域访问的问题。通过这些步骤，你可以将vue-element-admin与Python的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值