跨域问题记录

最新推荐文章于 2025-12-01 13:49:36 发布

原创最新推荐文章于 2025-12-01 13:49:36 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java

//拦截器中
HttpServletRequest request = (HttpServletRequest)req;
response.setHeader("Access-Control-Allow-Origin", "*");

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

My和风大福

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

FastAPI 解决后台应用跨域问题的及常见报错(记录)

风吹落叶的博客

06-11

1548

跨域问题在前后端分离的Web应用中经常会遇到，明明直接访问没有问题，但在实际在浏览器中使用的时候返回405。FastAPI作为一个快速、现代化的Python Web框架，在处理跨域问题上也提供了一些解决方案。本文将介绍如何使用FastAPI来解决跨域问题，并分析一些常见的报错及解决方法。

springboot security跨域问题记录

m0_55247924的博客

03-07

227

拉别人的项目复现后端代码，项目是vue+springboot前后端分离项目。编写登录控制器代码时出现了跨域问题，配置好跨域后还是存在404的问题。经过几个小时的排除发现是pom中引入了spring security包的问题，然后用csdn找解决办法。

参与评论您还未登录，请先登录后发表或查看评论

CORS跨域问题记录

Amy_cx的博客

10-30

573

本地token过期之后能捕获到错误信息从而重新登录，但是发到线上就不行了，控制台打印错误信息也是undefined。这不就是跨域吗！本地走了代理，避免了跨域问题，而线上环境直接访问API，没有代理层处理跨域。

sentry线上报跨域问题记录

铃儿响叮当

08-22

1511

sentry跨域问题记录

解决后端跨域问题

casually的博客

02-25

690

跨域问题的介绍，以及其中一种解决方案。

网页接口请求跨域问题记录

笑醉踏歌行

08-27

568

客户直接通过前端页面调用我后端提供的接口,由于前端网页和后台服务并不在一个域名上,所以网页请求出现了跨域的问题.

VUE线上跨域问题记录

qq_37194189的博客

11-09

242

VUE 线上跨域问题

springboot 解决跨域问题记录

S_Y_C_1的博客

03-01

719

springboot 解决跨域问题记录贴：测试可用的后端简单实现解决跨域访问的方法第一种方法：在controller层接口类添加注解 @RestController @RequestMapping("/ais/") @CrossOrigin public class AisMessageController { 第二种方法：添加全局跨域访问配置类 SpringBoot2.4.0 前使用addAllowedOrigin("*"); SpringBoot2.4.0 后用[allowedOrigin

使用socket.io遇到跨域问题记录一下

ZuoZuoDangerou的博客

01-07

5814

在使用node中使用了socket为了搭建一个聊天室。代码如下，端口3000 const server = app.listen(3000) require('./socket/socket')(server) module.exports = app =>{ const io = require('socket.io')(app,{cors:true}) console.log('io服务开启') const moment = require('moment')

CORS跨域问题记录和总结

weixin_45914429的博客

05-09

320

CORS跨域问题在前后端分离项目中遇到跨域问题记录在前后端分离项目中遇到跨域问题记录此次公司项目用的框架为 SpringBoot+MyBatis+Shiro+LayUI, 接口统一使用 AJAX, 在未加入登录功能前前端依然能够正常访问后端接口, 但是在加入登录后, 服务器端向前端返回一个 Token作为登录令牌, 前端登录后每次请求需使用此 Token先进行判断操作, 但是在一直报 CORS跨域问题, 在网上看了两天博客, 最后还是依靠 FireFox自身的报错信息解决的, 开始报错信息为 Acces

jquery解决客户端跨域访问问题

12-11

客户端“跨域访问”一直是一个头疼的问题，好在有jQuery帮忙，从jQuery-1.2以后跨域问题便迎刃而解。由于自己在项目中遇到跨域问题，借此机会对跨域问题来刨根问底，查阅了相关资料和自己的实践，算是解决了跨域问题...

Vue如何处理浏览器跨域问题

sungencheng的博客

02-09

5545

跨域问题是由于浏览器的同源策略（Same-Origin Policy）所导致的，同源策略是浏览器的一种安全机制，也就是浏览器向不同源（不用协议、不用域名、不同端口）发送ajax请求会失败。

nginx记一次解决跨域问题的记录

树袋熊的博客

09-29

597

nginx记一次解决跨域问题的记录背景说明解决方法记录一下当时的心路历程。。以前只是傻傻地敲代码，背景说明内部接口地址：http://didi-api.company-a.com/api/location/ip 百度接口地址：http://m.api.baidu.com/location/ip 前端线上地址：http://didi-html.company-a.com 前端需要请求百度普通IP定位获取数据。部署到服务器上的时候会提示跨域错误，类似下图介个样子。意思就是前端请求百度触发了同源策略，于是

Java 泛型详解：类型参数的力量

ZHE|张恒的博客

11-28

1144

本文系统讲解了Java泛型的概念与使用方式。泛型通过在类或方法中引入类型参数，提高了代码的类型安全性和复用性。主要内容包括：1）泛型的基本语法，如定义泛型类和接口；2）泛型方法及其类型推断；3）三种通配符（?、? extends T、? super T）的使用场景；4）边界限制和多重限制；5）泛型的优缺点，如类型安全与类型擦除的影响；6）常见陷阱，如静态上下文和instanceof的限制。泛型是现代Java编程的重要特性，能显著减少类型转换和运行时错误。

【Android逆向工程】第8章：Frida 高级应用：函数追踪与 RPC 调用

最新发布

w987333120的博客

12-01

295

本文介绍了Frida框架的核心功能与应用技巧，包括函数调用栈追踪、RPC机制、批量Hook、内存操作和脚本模块化等关键技术。重点讲解了Thread.backtrace()和DebugSymbol.fromAddress()的用法，提供Java和Native函数的调用栈追踪示例，并展示了调用栈过滤与分析方法。最后通过实战案例演示登录流程追踪和RPC调用，同时给出常见问题解决方案。这些技术可有效提升逆向分析效率，适用于移动应用安全测试场景。

07_Spring AI 干货笔记之提示词

在科技的浪潮中，我们寻找着创新的火种，在代码的海洋里，我们编织着智慧的网。腾飞开源，就是这样一个由技术精英汇聚而成的博客平台，我们致力于分享在Java、Python、IoT和人工智能等领域的最新研究成果和实战经验。在腾飞开源的博客上，你会看到紧跟技术前

11-30

1486

本文详细介绍了Spring AI中的提示词核心概念与API设计。提示词作为引导AI模型生成特定输出的关键输入，其结构从简单字符串演进为包含多角色消息的复杂形式。Spring AI通过Prompt和Message接口提供结构化提示词管理，支持系统、用户、助手等角色分配。PromptTemplate类实现动态内容渲染，并支持自定义模板引擎。文章还涵盖提示词工程的最佳实践与令牌机制，为开发者提供完整的提示词设计解决方案。

【实战】项目traffic analysis技术点记录二

努力学习的！

11-28

1068

主要是因为ClickHouse的DateTime类型精度只到秒级，不支持毫秒部分，而Java的LocalDateTime默认包含毫秒精度。（1）服务提供者：通过k8s Service 暴露出一组pod实例，并拥有一个稳定的DNS名称： user-service.default.svc.cluster.local。这个注解的正确使用对于保证对象比较的正确性非常重要，特别是在使用HashSet、HashMap等集合时！轻量级，中心化的调度方案，依赖JobRunLock，同一任务实例互斥。

Docker：基于自制openjdk8镜像 or 官方openjdk8镜像，制作tomcat镜像

2509_94186151的博客

11-29

518

78.56 MBopenjdk二进制下载地址Dockerfile中，source /etc/profile不能加载的原因为什么还需要选择使用他的原因：三中，tomcat普通用户交互式启动tomcat#在 Docker 容器中，/etc/profile 文件不会在容器启动时自动执行，这是因为 Docker 容器通常不会启动交互式登录 shell，而是直接运行指定的命令。

还要解决跨域问题

06-16

### 解决跨域问题并生成文章列表在使用 Vue.js 调用 `https://www.vue-js.com/api/v1/topics` API 生成包含标题、日期和作者的文章列表时，可以通过以下方式解决跨域问题并实现分页功能。 --- #### 解决跨域问题跨域问题通常发生在前端应用尝试从不同源的服务器获取资源时。为了解决这一问题，可以采用以下两种方法之一： 1. **后端代理**：通过配置 Webpack 的 `devServer.proxy` 属性，将请求转发到目标 API 地址[^4]。 2. **CORS 配置**：如果目标 API 支持 CORS，则需要确保服务器端正确设置了 `Access-Control-Allow-Origin` 头部[^3]。以下是基于 Webpack 的后端代理配置示例： ```javascript // webpack.config.js module.exports = { devServer: { disableHostCheck: true, proxy: { '/api': { target: 'https://www.vue-js.com', ws: true, changeOrigin: true, pathRewrite: { '^/api': '' // 将 /api 替换为空字符串 } } } } }; ``` 通过上述配置，前端可以向 `/api/v1/topics` 发起请求，而 Webpack 会自动将其转发至目标地址 `https://www.vue-js.com/api/v1/topics`。 --- #### 获取数据并生成文章列表为了生成包含标题、日期和作者的文章列表，可以使用 Vue.js 的 `axios` 库发起 HTTP 请求，并结合分页逻辑展示数据。以下是完整的代码实现： ```vue <template> <div>  <ul> <li v-for="article in paginatedArticles" :key="article.id"> <h3>{{ article.title }}</h3> <p>日期: {{ formatDate(article.create_at) }}</p> <p>作者: {{ article.author.loginname }}</p> </li> </ul>  <div> <button @click="currentPage = Math.max(currentPage - 1, 1)" :disabled="currentPage === 1"> 上一页 </button> <span>第 {{ currentPage }} 页 / 共 {{ totalPages }} 页</span> <button @click="currentPage = Math.min(currentPage + 1, totalPages)" :disabled="currentPage === totalPages"> 下一页 </button> </div> </div> </template> <script> import axios from 'axios'; export default { data() { return { articles: [], // 存储从API获取的文章数据 currentPage: 1, // 当前页码 pageSize: 5, // 每页显示的记录数 }; }, computed: { // 计算当前页需要展示的文章 paginatedArticles() { const start = (this.currentPage - 1) * this.pageSize; const end = start + this.pageSize; return this.articles.slice(start, end); }, // 总页数 totalPages() { return Math.ceil(this.articles.length / this.pageSize); }, }, methods: { // 格式化日期 formatDate(dateString) { const date = new Date(dateString); return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`; }, // 获取文章数据 fetchArticles() { axios.get('/api/v1/topics') // 使用后端代理避免跨域 .then((response) => { this.articles = response.data.data.map((item) => ({ id: item.id, title: item.title, create_at: item.create_at, author: item.author, })); }) .catch((error) => { console.error('Error fetching articles:', error); }); }, }, created() { this.fetchArticles(); // 在组件创建时获取数据 }, }; </script> ``` --- #### 关键点解析 1. **数据格式化**：从 API 返回的数据中提取 `title`、`create_at` 和 `author.loginname` 字段，并对日期进行格式化处理[^1]。 2. **分页逻辑**：通过计算属性 `paginatedArticles` 和 `totalPages` 实现分页功能，动态展示每页的 5 条记录[^2]。 3. **跨域解决方案**：通过 Webpack 的 `devServer.proxy` 配置解决跨域问题，确保前端能够正常访问目标 API[^4]。 --- ###