ajax跨域方法

阳光穿透心脏的1/2处 2022-07-14 00:30 202阅读 0赞

## **nginx url rewrite** ##

在服务器端安装nginx服务，将H5前端的访问路径和java后端的访问路径放在一个域名下，由nginx根据url请求路径进行转发:

[http://aaa.afubx.com/afbx-wap][http_aaa.afubx.com_afbx-wap]  ==》 afbx-wap

[http://aaa.afubx.com/afbx-rest][http_aaa.afubx.com_afbx-rest]  ==>  afbx-rest

Nginx配置：

server \{

listen 80;

server\_name aaa.afubx.com;

index index.html index.htm;

location /afbx-rest \{

\#proxy\_redirect          off;

proxy\_set\_header        Host            $host;

proxy\_set\_header        X-Real-IP       $remote\_addr;

proxy\_set\_header        X-Forwarded-For $proxy\_add\_x\_forwarded\_for;

proxy\_pass http://192.168.0.202:18081;

\}

location /afbx-wap/afbx-wap \{

index index.php index.html index.htm;

rewrite  "/afbx-wap/(.\*)" /$1;

\}

location /afbx-wap \{

\#proxy\_redirect          off;

proxy\_set\_header        Host            $host;

proxy\_set\_header        X-Real-IP       $remote\_addr;

proxy\_set\_header        X-Forwarded-For $proxy\_add\_x\_forwarded\_for;

proxy\_pass http://192.168.0.202:18083;

\}

\}

优点：通过同一域访问，不存在跨域问题。

缺点：需要安装配置nginx，并且存在nginx单点压力的隐患。

## **跨域资源共享CROS** ##

服务端根据http请求头的Origin字段进行判断，设置允许访问的域名访问。

解决方法：

服务端拦截请求，通过HttpServletRequest.getHeader(“Origin”)进行判断，如果是白名单就设置HttpServletResponse.setHeader(“Access-Control-Allow-Origin”,”\{ 来源域名\}”);

Java代码：

List whiteList = new ArrayList();

whiteList.add(“”);

String filterDrive = “wap”;

HttpServletResponse res = (HttpServletResponse) message.get(AbstractHTTPDestination.HTTP\_RESPONSE);

HttpServletRequest req = (HttpServletRequest) message.get(AbstractHTTPDestination.HTTP\_REQUEST);

If(filterDrive.equas(req.getParameter(“drive”)))\{

String origin = req.getHeader("Origin");

If(whiteList.contains(origin))\{

res.setHeader("Access-Control-Allow-Origin", origin);

\}

\}

优点：使用ajax直接跨域访问，服务端添加支持，对以前的代码无影响。

缺点：

## ** ** ##

[http_aaa.afubx.com_afbx-wap]: http://aaa.afubx.com/afbx-wap
[http_aaa.afubx.com_afbx-rest]: http://aaa.afubx.com/afbx-rest

发表评论取消回复

表情：

评论列表（有 0 条评论，202人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax开启跨域,ajax开启跨域的方法

ajax开启跨域的方法: 只要在服务器端的PHP里面写入: header('Access-Control-Allow-Origin:\'); //加入上面一句话就可以跨域

太过爱你忘了你带给我的痛/ 2022年09月03日 15:21/ 0 赞/ 249 阅读

相关 AJAX 跨域访问 — 方法大全

Case I. Web代理的方式 (on Server A) 即用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面，由该页面代替用户页面完成交

约定不等于承诺〃/ 2022年08月24日 01:51/ 0 赞/ 242 阅读

相关 ajax跨域问题解决方法

1、使用本域服务器做代理，服务器使用http请求跨域数据，返回给本域调用页面。 2、服务器端响应头加Access-Control-Allow-Origin，值为调用者http

比眉伴天荒/ 2022年08月03日 03:16/ 0 赞/ 212 阅读

相关 ajax跨域方法

nginx url rewrite 在服务器端安装nginx服务，将H5前端的访问路径和java后端的访问路径放在一个域名下，由nginx根据url请求路径进行转发:

阳光穿透心脏的1/2处/ 2022年07月14日 00:30/ 0 赞/ 203 阅读

相关解决ajax跨域访问 JQuery 的跨域方法

JS的跨域问题，我想很多程序员的脑海里面还认为JS是不能跨域的，其实这是一个错误的观点；有很多人在网上找其解决方法，教其用IFRAME去解决的文章很多，真有那么复杂吗？其实

浅浅的花香味﹌/ 2022年07月12日 10:10/ 0 赞/ 303 阅读

相关 ajax跨域

$.ajax(\{ type:"post", //请求方式 /\ async:true, \/ //

蔚落/ 2022年03月09日 13:06/ 0 赞/ 284 阅读

相关 ajax跨域

公司好多都需要系统进行配合，所以就使用了ajax跨域，至少目前来说，挺好用的。后台代码：多值： @RequestMapping("") @Res

野性酷女/ 2022年02月19日 04:21/ 0 赞/ 290 阅读

相关 Ajax 跨域

目录 > 1 URL的组成 > > 2 解决跨域的方式 > > 2.1 第一种：代理 > > 2.2 第三种：XHR2 > > 2.3 第三种：JSONP --

亦凉/ 2022年02月01日 01:29/ 0 赞/ 312 阅读

相关 firefox,跨域ajax 调用方法

在A站点ajax 调用B站的页面(方法)时, 使用post,且dataType类型为jsonp 有时在IE会有No Transport的错误提示，请加 jQuery.supp

心已赠人/ 2021年11月01日 22:28/ 0 赞/ 344 阅读

相关 ajax跨域

JSONP(JSON with Padding)是[JSON][]的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.ex

妖狐艹你老母/ 2021年09月16日 10:06/ 0 赞/ 483 阅读