难缠的跨域问题,终于弄清楚了(下)

简介: 哈喽,大家好,我是指北君。这次指北君给大家分享如何解决跨域问题。如何解决跨域问题?首先我们需要知道什么是跨域,跨域指的是浏览器不能执行其它网站的脚本,它是由浏览器的同源策略造成的,是浏览器对JavaScript 施加的安全限制。

②、JSONP 方式   首先我们要修改 index.jsp 页面的 ajax 请求:


69.png注意:我们修改了 dataType 的数据类型为 jsonp,并且新增了 jsop 属性值为 “backFunction”。

接着在 JavaWeb01 项目的 Servlet 中进行如下修改:


70.png71.png

然后动态的去加载该 script 标签的 src 属性。

③、HttpClient 请求转发 这种方式客户端是向 JavaWeb02 项目发送请求,而不是上面的向 JavaWeb01 发送请求,然后在 JavaWeb02 的后台通过 HttpClient 将请求发送到 JavaWeb01,得到数据后返回。这种方式相当于绕过浏览器的同源机制,直接通过后端进行转发。

index.jsp 的ajax请求如下:

72.png

注意我们是在 JavaWeb02 项目下的index.jsp 发送请求,请求路径也是 JavaWeb02 下的 Servlet。

73.png

74.png

④、nginx 转发 原理很简单:

75.jpg



利用nginx反向代理,将请求分发到部署到相应项目的tomcat服务器,当然也不存在跨域问题。

相关文章
|
3月前
|
数据可视化 前端开发 测试技术
接口测试这么玩才明白
接口测试这么玩才明白
44 0
|
3月前
|
JSON 前端开发 数据格式
深入探讨前端开发中的跨域请求实现
在前端开发中,跨域请求是一个常见但又具有挑战性的问题。本文将从跨域请求的概念入手,深入剖析前端开发中不同方式下的跨域请求实现方法,并结合具体代码示例进行详细讲解,帮助读者更好地理解和解决跨域请求相关的技术难题。
|
4月前
|
前端开发 JavaScript API
【第14期】一文读懂前端NueJS框架
【第14期】一文读懂前端NueJS框架
252 0
|
1月前
|
JSON 前端开发 安全
前端开发中的跨域解决方案探究
跨域是前端开发中常见的问题之一,本文将探讨跨域的概念、产生的原因,以及常见的解决方案,包括JSONP、CORS、代理等。通过本文的学习,读者可以深入了解跨域问题及解决方案,为自己的前端开发工作提供参考。
|
1月前
|
JSON 前端开发 Java
⚠⚠⚠java后端开发中,前后端联调过程一些常见的低级/低端问题汇总⚠⚠⚠
⚠⚠⚠java后端开发中,前后端联调过程一些常见的低级/低端问题汇总⚠⚠⚠
|
3月前
|
JSON 前端开发 安全
Web前端开发中的跨域问题及解决方案
【2月更文挑战第8天】在Web前端开发中,跨域是一个常见且具有挑战性的问题。本文将深入探讨跨域产生的原因、影响以及多种解决方案,帮助开发者更好地理解和解决跨域问题。
|
Kubernetes 前端开发 网络协议
前端静态服务踩坑实践
随着前端项目的增大,越来越多时候会把动静态资源进行分离部署,对于分离部署时常常涉及到代理转发的问题,专网项目主要使用 `nginx + docker + k8s` 的部署方式,本文主要分享一些相关项目的实践过程的踩坑历程及回顾思考。
69 0
|
前端开发 JavaScript 容器
前端bookstrap学习
前端bookstrap学习
121 0
|
存储 JavaScript 前端开发
学习前端1
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
72 0
|
XML Java 数据库
面试项目说实现了一个后端多线程网络服务器框架应该怎样写
面试项目说实现了一个后端多线程网络服务器框架应该怎样写
面试项目说实现了一个后端多线程网络服务器框架应该怎样写