反思一下linux跨域

最新推荐文章于 2025-12-03 20:49:19 发布
原创 最新推荐文章于 2025-12-03 20:49:19 发布 · 122 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

文章讨论了前端在与后端交互时，尽管两者在同一服务器上，但由于通信由浏览器发起，因此需要使用IP地址来确保正确连接。这个问题涉及到网络通信的基础知识和服务器部署策略。

让前端传了127.0.0.1因为前端包和后端在同一个服务器，回来想了一下实际上都是浏览器发起，所以要用ip地址才可以

自动驾驶系统研发系列—当HIL仿真成为自动驾驶的短板：工程师的实战总结与系统反思
u013889591的专栏
06-10 717
自动驾驶发展多年，从L2到L4，技术路径、产业节奏早已多元化。然而，几乎所有人都会承认一个现实：测试验证能力，特别是仿真能力，决定了量产进度。而在仿真体系中，HIL（Hardware-in-the-loop）曾被寄予厚望，却在实际工程中反复踩坑。作为一名一线工程师，经历过多个智能驾驶HIL系统的设计、部署、调试，也踩过诸如“视频注入卡”、“多机时钟不同步”等典型坑。今天这篇文章，分享真实的HIL仿真困境，以及未来可能的出路。
2018最新Android 面试指南
陈万洲的专栏
03-21 1353
数据结构与算法问题的难度完全取决于你所申请的公司数组数组由一组相同的数据类型组成。它存储在连续的内存空间内，使用索引可以找到元素的地址。数组包括一维数组和多维数组,一维数组是最简单的数据结构,也是最常用的。算法平均最坏空间（Space）O(n)O(n)查找（Search）O(n)O(n)插入（Insert）O(n)O(n)删除（Delete）O(n)O(n)链表链表看起来更像树，而不是数组，它使用...
前端环境部署如何配置后端接口地址[详细教程]
qq_23681041的博客
06-04 3258
后台访问地址 前端访问后台地址其实是需要区分本地开发和服务器部署。 本地开发访问： 本地开发是开发环境，因为本地启动项目，开发环境可以通过接口代理的方式解决跨域相关问题，所以我们配置访问地址的时候会比较简单。 前端为了统一处理接口访问，会设置baseUrl，这里的bms是应用地址前缀。 // 路径地址：src/services/baseUrl.js // eslint-disable-next-line import/no-mutable-exports let baseUrl = ‘/api/bms’;
linux abrtd 是什么服务,abrtd是什么进程
weixin_39792751的博客
05-10 6053
abrtd 是一个守护进程监控的应用程序崩溃.当发生崩溃时,它将收集的崩溃(核心文件的命令行, etc .)application ,并采取措施根据类型崩溃并根据 abrt.conf config 文件中的配置中.有插件的各种动作:例如 bugzilla 报表的崩溃,将该报表.通过 ftp 传输或报表或 scp .请查看手册页的相应的插件.abrtd: automatically bug repo...
[7] JMeter-深入分析Jmeter跨域传递cookie
媛测
07-23 4399
 0  这篇文章的由来   继上一篇文章中介绍了Jmeter cookie manager的两种常用使用情况： 同一线程组和不同线程组间传递cookie； 前些天在工作中又遇到了cookie的跨域使用问题，调试了好久才调好，查了很多资料，从cookie的实现原理到SSO单点登录到SSO实现方式，再到session、token，到OAuth认证..... 原本想综合起来写一篇详细的文章，...
会linux基本命令是脚本语言吗,shell脚本语言与linux命令的联系与区别
weixin_29207149的博客
05-01 1866
使用linux肯定是要会使用命令的，就算提供有用户界面，绝大部分功能还是要通过命令行去操作的。而shell脚本语言也是运行在linux上的脚本语言，对于服务器运维人员也是几乎必须要掌握的。而shell脚本语言和linux命令有什么联系，有什么区别，也是要弄清楚的。什么是shell，shell与linux命令的联系shell翻译成壳的意思，它是包裹在linux内核外层的、一个可通过一系列的linux...
前端反思录
qq_29055201的博客
01-23 1277
1.HTML5 初级 ☆ 语义化 Audio 和 Video Web Storage 中级 ☆☆ 离线存储 地理定位 WebSocket HTML5 摄像头 HTML5 全屏 HTML5 拖放实现 HTML5 全屏滑动组件 高级 ☆☆☆ Communication Web Worker requestAnimationFrame requestIdleCallback 扩展 HTML5 API 大...
ROS1/2原生录包缺陷&&二次开发业务点梳理
John_ToStr的博客
06-06 568
ROS1原生录包缺陷&&二次开发业务点梳理
工作中使用到的单词（软件开发）
热门推荐
sun0322
03-15 6万+
１．エイリアス 　　alias 别名 powershell使用 get-help 命令时，会得到与此命令 相关（别名）的命令 ２．プロキシ　proxy　代　理 ３．プロモート 　 promote 促进，提升 　　开发的系统新功能上线发布，有时会使用到这个词，比如 STプロモート 还有使用リリース这个词的。比如STリリース。个人认为两者含义相同。 ４．見逃し　み................................................................
小米2019秋招安全开发笔试题（A）
kelxLZ的博客
12-29 1293
1、关于数字签名说法错误的是 确定消息确实是由发送方签名并发出来的 数字签名能确定消息的完整性 私钥用于签名，公钥用于验证 2、CORS的作用是？ 允许客户端获取服务器的返回数据 3、下面关于AJAX说法正确的是？ AJAX可以完成数据的跨域 错误的是： AJAX可以给不同域发送数据 AJAX可以获取不同域的数据 AJAX使用了同步技术 4、MD5是？ 哈希算法 5、在linux中，将文件属性设置为所有者只读，其余无任何权限的命令为(假设文件名为myfile) chmod 400 my
【鸿蒙心迹】7×24小时极限求生：当Origin_null遇上鸿蒙，我如何用100杯咖啡换一条跨域活路？
全世界的博客
08-20 863
能救命，但。
前端反思录（一）－技术就是核心竞争力
Jartto's Blog
03-29 823
3 月末完成了工作的转变，同时也从面试者的身份转向了面试官。在整个的面试过程中，经历了太多，也思考了很多。5 年了，是时候反思了。这里，我不得不提一下「一万小时定律」：人们眼中的天才之所以卓越非凡，并非天资超人一等，而是付出了持续不断的努力。 怎么理解呢？要成为某个领域的专家，需要 10000 小时，按比例计算就是：如果每天工作八个小时，一周工作五天，那么成为一个领域的...
ruoyi集成camunda实现bpmn在线设计器
xrl2012的专栏
12-03 471
摘要： 本文介绍了如何在RuoYi-Vue2前端集成Camunda BPMN在线设计器，实现流程建模功能。通过npm安装bpmn-js等依赖包，配置vue.config.js解决转译和别名问题，并提供了测试页面代码示例。页面包含导入/导出XML/SVG、流程检查、部署等功能，支持BPMN流程设计器的初始化和基本操作。环境要求包括JDK 1.8+、MySQL 5.7+、Node 23+等。完整方案可参考若依工作流。
openEuler + Nginx 高性能 Web 服务深度评测
笃行其道的博客
12-03 958
本文介绍了在openEuler操作系统上部署Nginx集群的性能测试方案。通过优化内核参数、资源限制和系统调优，在32核64GB环境的华为云实例上进行八大维度的压测：静态文件服务测试显示小文件QPS达23万+，大文件传输速率13.97GB/s；反向代理性能测试QPS23万；HTTPS测试降幅仅16%；长连接测试QPS8.6万；压缩测试显示99%压缩率；极限测试支撑10万+并发。测试结果表明，openEuler的网络/I/O优化与Nginx事件驱动架构完美结合，CPU利用率96%且内存占用<10%，延迟
【前端知识】从前端请求到后端返回：Gzip压缩全链路配置指南
wendao76的专栏
12-03 972
本文详细介绍了Gzip压缩的全链路配置流程，从前端请求到后端返回的完整实现方案。前端需通过Accept-Encoding: gzip声明支持压缩，后端根据请求头、响应类型和大小判断是否压缩，并返回Content-Encoding: gzip响应头。文章提供了浏览器、JavaScript、命令行工具等多种前端场景的配置示例，以及Nginx、Apache、Node.js和Spring Boot等主流后端技术的Gzip配置方法。通过合理配置Gzip压缩，可显著减少网络传输数据量，提升Web应用性能。
如何在Vue3中使用组合式API？
只会写bug
12-02 1097
Vue3组合式API通过<script setup>语法糖简化开发流程，无需手动导出组件。核心特性包括：使用ref处理基本类型响应式数据，reactive处理对象/数组，toRefs保持解构响应式。生命周期钩子如onMounted需按需导入，计算属性computed用于派生值，方法直接定义即可在模板调用。这些特性使代码更集中、复用更灵活，适合现代前端开发需求。
WebRTC 核心技术:P2P 打洞原理
yk_18的博客
12-03 773
P2P打洞技术是WebRTC实现点对点直连的关键，它通过巧妙利用STUN服务器"欺骗"NAT设备。当两台设备处于不同内网时，首先通过公网服务器交换地址信息，然后互相发送UDP包建立NAT映射关系。虽然UDP打洞在锥型NAT下效果良好，但对称型NAT需要降级使用TURN服务器中转。保持连接需要定期发送心跳包防止NAT映射过期。理解这一底层原理有助于解决WebRTC连接中的各类异常问题。
【技术分享】前端跨窗口/标签页面通信：掌握以下几种方法，提升用户体验（附带常用场景以及典例）
qq_45796592的博客
11-29 1136
本文介绍了前端跨标签页通信的7种实现方法及其适用场景。文章通过具体代码示例以及典例，帮助开发者根据实际需求选择最适合的跨标签通信方案，提升应用性能和用户体验。
阿里云oss，通过html直接上传
最新发布
quweiie的专栏
12-03 429
本文介绍了基于ThinkPHP8.1框架实现阿里云OSS V4签名直传文件的方法。前端通过表单提交文件，使用fetch API获取后端生成的签名信息后直接上传至OSS。后端主要实现两个功能：1) 通过阿里云STS服务获取临时凭证，并使用HMAC-SHA256算法生成OSS V4签名；2) 处理OSS回调验证。系统采用前后端分离架构，前端负责文件选择和直传，后端负责签名生成和安全验证，实现了安全高效的文件上传方案，适用于CentOS Stream9/PHP8.3环境。
以文章的形式写tlias智能学习辅助系统请给我详细介绍一下项目总结和自我评价
11-26
# **tlias智能学习辅助系统项目总结与自我评价** 在本次Java Web学习过程中，我完成了“tlias智能学习辅助系统”的开发与实现。该项目是一个基于SpringBoot框架的前后端分离式管理系统，涵盖了登录认证、员工管理、部门管理、文件上传等核心功能模块。通过本项目的实践，我不仅巩固了所学知识，更提升了工程化思维和实际问题解决能力。以下是我对该项目的全面总结与深入自我评价。 --- ## 一、项目概述 **tlias智能学习辅助系统** 是一个面向教学场景的轻量级Web应用，主要用于模拟企业中常见的人员与组织架构管理需求。系统采用前后端分离架构： - **前端**：使用原生HTML + JavaScript（配合jQuery和AJAX）实现页面展示与交互； - **后端**：基于SpringBoot搭建RESTful风格API接口，整合MyBatis操作MySQL数据库； - **安全机制**：通过JWT（JSON Web Token）实现无状态登录验证，并结合拦截器进行权限控制； - **数据交互**：前后端以JSON格式传输数据，统一返回结果封装类`Result<T>`提升可读性。 整个项目结构清晰、功能完整，具备良好的扩展性和维护性，是初学者掌握全栈开发流程的理想练手项目。 --- ## 二、项目功能实现总结 ### 1. 登录认证模块 实现了用户登录功能，前端提交用户名密码后，后端校验信息正确性并生成JWT令牌返回。后续所有受保护资源请求均需携带`Authorization: Bearer <token>`头信息，由自定义拦截器完成身份验证。 > ✅ 技术亮点： > - 使用HMAC-SHA512算法签名，保障Token安全性； > - 设置过期时间（1小时），防止长期有效带来的风险； > - 拦截器精准放行静态资源与登录接口，避免误拦。 ```java // 示例：JWT工具类生成Token public static String generateToken(String username) { return Jwts.builder() .setSubject(username) .setExpiration(new Date(System.currentTimeMillis() + 3600_000)) .signWith(SignatureAlgorithm.HS512, "tlias@123456") .compact(); } ``` ### 2. 员工管理模块（CRUD + 分页） 实现了完整的员工增删改查功能，支持按姓名模糊查询、性别筛选、入职日期范围查询，并集成PageHelper插件实现分页功能。 > ✅ 关键设计： > - 接口设计遵循RESTful规范： > - `GET /emps` 获取列表 > - `POST /emps` 新增员工 > - `PUT /emps` 修改员工 > - `DELETE /emps/{id}` 删除单个 > - `DELETE /emps?ids=1,2,3` 批量删除 > - 使用`@DateTimeFormat`处理前端传入的日期类型参数； > - 自定义`PageBean<T>`封装分页结果，便于前端渲染。 ### 3. 部门管理模块 提供部门的增删改查接口，为员工表中的`dept_id`字段提供下拉数据源支持，体现主从表关联思想。 ### 4. 文件上传功能 允许上传员工头像图片，服务端接收`MultipartFile`对象，保存至本地磁盘路径，并返回可访问URL供前端显示。 > ✅ 实践收获： > - 掌握了SpringBoot中静态资源映射配置方法； > - 学会使用UUID防止文件重名冲突； > - 理解了文件上传过程中的异常处理机制。 ### 5. 统一响应格式与全局异常处理 定义通用响应类`Result<T>`，确保所有接口返回结构一致；同时通过`@ControllerAdvice`实现全局异常捕获，避免系统错误直接暴露给前端。 ```java public class Result<T> { private Integer code; private String message; private T data; public static <T> Result<T> success(T data) { return new Result<>(200, "操作成功", data); } public static <T> Result<T> error(String msg) { return new Result<>(500, msg, null); } } ``` --- ## 三、技术架构与程序设计亮点 | 架构层次 | 技术选型 | 应用说明 | |--------|---------|----------| | 控制层 | `@RestController` | 提供REST接口，接收请求并返回JSON | | 业务层 | `@Service` + `@Transactional` | 封装业务逻辑，保证事务一致性 | | 数据访问层 | MyBatis + XML映射 | 灵活编写SQL语句，支持动态条件查询 | | 实体类 | POJO | 映射数据库表结构 | | 工具类 | JWT、Result、DateUtil等 | 提升代码复用性 | | 配置类 | WebMvcConfigurer | 注册拦截器、处理跨域等问题 | 此外，项目采用MVC三层架构，各层职责分明，代码结构清晰，具有较强的可读性和可维护性，符合企业级开发标准。 --- ## 四、存在的不足与反思 尽管项目整体完成度较高，但在开发过程中也暴露出一些问题和可以优化的空间： 1. **安全性有待加强** - 当前登录验证为模拟逻辑，未真正连接数据库验证账号密码； - 密码未加密存储（应使用BCrypt哈希算法）； - JWT无法主动注销（未来可引入Redis黑名单机制）。 2. **缺乏细粒度权限控制** - 目前仅判断是否登录，未区分角色权限（如管理员 vs 普通用户）； - 所有用户拥有相同操作权限，存在安全隐患。 3. **日志记录缺失** - 未记录关键操作行为（如谁删除了某员工），不利于后期审计追踪； - 可引入AOP切面记录操作日志。 4. **前端界面较为简陋** - 使用原生HTML/CSS/JS，缺乏现代化UI框架支持； - 用户体验一般，响应式适配较差。 5. **测试覆盖不全** - 未编写单元测试用例验证Service层逻辑； - 缺乏自动化测试意识，依赖手动调试。 --- ## 五、自我评价 作为一名Java初学者，我对本次项目的完成情况总体满意，自评为**85分**。以下是我在项目中的具体表现分析： ### ✅ 优点与成长 1. **自主学习能力强** - 在短时间内掌握了SpringBoot、MyBatis、JWT等多项新技术； - 能够独立查阅官方文档、Stack Overflow、优快云等资源解决问题。 2. **编码规范良好** - 注重命名规范（如`employeeMapper`、`listEmployees()`）； - 合理添加注释，提高代码可读性； - 接口设计符合RESTful风格，易于理解和调用。 3. **问题解决能力显著提升** - 成功解决多个典型问题，例如： - 如何让拦截器放行静态资源？ - 如何处理LocalDate类型的JSON序列化？ - AJAX跨域请求失败如何配置Cors？ 4. **具备初步工程化思维** - 主动封装工具类、统一响应格式； - 关注系统的可扩展性与可维护性； - 开始思考如何将小项目升级为企业级应用。 ### ❌ 不足之处 1. 对Spring底层原理理解不够深入，如IoC容器、AOP代理机制等； 2. 缺乏部署经验，尚未将项目打包上线运行； 3. 单元测试意识薄弱，未形成“先写测试再写代码”的习惯； 4. 项目文档撰写能力有待提升，未能及时输出详细设计说明书。 --- ## 六、收获与展望 ### 🌱 主要收获 - 掌握了SpringBoot快速开发的核心技能； - 理解了前后端分离的基本模式与数据交互方式； - 学会了如何设计RESTful API并保证其安全性； - 提升了调试能力和排查错误的耐心与技巧； - 初步建立起软件工程的思维方式，不再只是“写代码”，而是“做系统”。 ### 🔭 未来规划 1. **进阶版 tlias-plus** - 引入Spring Security替代手写拦截器； - 添加RBAC权限模型，实现角色与菜单控制； - 使用Redis管理JWT状态，支持退出登录。 2. **前后端完全分离重构** - 前端改用Vue3 + Element Plus构建SPA； - 使用Axios调用后端API，提升用户体验； - 部署时前后端独立部署，提高性能与灵活性。 3. **加入DevOps实践** - 使用Maven打包项目为jar文件； - Docker容器化部署到Linux服务器； - Jenkins实现CI/CD自动化构建。 4. **完善测试体系** - 使用JUnit5测试Service层方法； - 使用Mockito模拟依赖对象； - 编写Postman测试集合验证接口功能。 --- ## 七、结语 `tlias智能学习辅助系统`虽是一个教学项目，但它承载了我从“理论学习”走向“工程实践”的重要一步。它让我明白：编程不仅仅是语法的堆砌，更是逻辑、结构、安全与用户体验的综合体现。 虽然目前还有很多不足，但我相信只要保持学习的热情与持续改进的态度，终有一天我能独立开发出真正有价值的企业级系统。这条路才刚刚开始，而我已经准备好继续前行。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值