通过Java来解决Web前段跨域访问问题

最新推荐文章于 2024-01-11 09:57:55 发布
最新推荐文章于 2024-01-11 09:57:55 发布
阅读量1.4k 收藏
点赞数
分类专栏： Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lb891014/article/details/28651379
版权

当我使用js的ajax代码去访问另外一台机器上部署的项目的接口时，会出现交叉资源访问错误，其实就是我们通常所说的跨域访问问题。

解决方法是：在web.xml里面拦截url访问请求，然后由servlet来处理请求，将传递过来的url进行处理后变成真实的url，由java来处理这个url后返回真实的结果。

废话不多说，下面是详细的实现方法。

第一步：

web.xml

  <!-- 跨域访问运营接口  -->  
    <servlet>
    <description></description>
    <display-name>PtlRequestServlet</display-name>
    <servlet-name>PtlRequestServlet</servlet-name>
    <servlet-class>com.skyform.portal.PtlRequestServlet</servlet-class>
    <init-param>
      <description>base url of portal api request</description>
      <param-name>portal.url</param-name>
      <param-value>http://172.31.100.18:8082/portal</param-value>
    </init-param>
  </servlet>
  <servlet-mapping>
    <servlet-name>PtlRequestServlet</servlet-name>
    <url-pattern>/portal</url-pattern>
  </servlet-mapping>

第二部：

在公共方法里common.js里写出ajax请求方法和url拦截方法

function getPortalBaseUrl() {
	var pathName=window.location.pathname;
    PTL_API="/"+pathName.split("/")[1]+"/portal?command=";
    return PTL_API;
};
上面的getPortalBaseUrl()方法是我调用的地址的前缀部分

下面是ajax普通的get和post请求方法

function queryDataGet(url, callback) {
	$.ajax({
		type : 'GET',
		'url' : url,
		dataType : 'json',
		contentType : "application/json; charset=utf-8",
		"success" : function(data) {
			callback(data);
		},
		error : function(error) {
			console.log(error);
		}
	});
};
//监控中列表项选用“POST”方法获取数据
function queryDataPost(url,requestParam,callback) {
    $.ajax({
        type: 'POST',
        'url': url,
        dataType : 'json',
        data:requestParam,
        contentType : "application/json; charset=utf-8",
        "success" : function(data){
            callback(data);
        },
        error : function(error) {
            console.log(error);
        }
    });
};

下面是带头信息的ajax的get和post方法 

function queryTokenGet(url, token, resourcePool, callback) {
	$.ajax({
		type : 'GET',
		'url' : url,
		async: false,
		beforeSend :function(xhr){
			   xhr.setRequestHeader('token',token);
			   xhr.setRequestHeader('resourcePool',resourcePool);
			 },
		dataType : 'json',
		contentType : "application/json; charset=utf-8",
		"success" : function(data) {
			callback(data);
		},
		error : function(error) {
			console.log(error);
		}
	});
};
//选用“POST”方法获取数据
function queryTokenPost(url,token,resourcePool,requestParam,callback) {
    $.ajax({
        type: 'POST',
        'url': url,
        async: false,
        beforeSend :function(xhr){
			   xhr.setRequestHeader('token',token);
			   xhr.setRequestHeader('resourcePool',resourcePool);
			 },
        dataType : 'json',
        data:requestParam,
        contentType : "application/json; charset=utf-8",
        "success" : function(data){
            callback(data);
        },
        error : function(error) {
            console.log(error);
        }
    });
};
上面只写了方法，下面是调用的具体代码 

var cmd = "/rest/aggregation/getListVirtualMachines";
var prams = {
	id : virtualmachineid
};
queryDataPost(getPrUrl() + cmd, JSON.stringify(prams), function(result) {
	//将返回的result数据信息进行展示
});
第二步：com.skyform.portal.PtlRequestServlet接到请求后处理请求 

package com.company.portal;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class PtlRequestServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	private String ptlUrl;

	public PtlRequestServlet() {
	}

	public void init(ServletConfig config) throws ServletException {
		ptlUrl = config.getInitParameter("portal.url");
		if (ptlUrl == null)
			ptlUrl = "http://localhost:8082/portal";
	}

	protected void doGet(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {
		System.out.println("PtlRequestServlet.java--------GET");
		String result = PtlRedirector.getResponseGet(request, ptlUrl);
		response.setCharacterEncoding("UTF-8");
		PrintWriter writer = response.getWriter();
		writer.write(result);
		writer.close();
	}

	protected void doPost(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {
		// request.setCharacterEncoding("UTF-8");
		System.out.println("PtlRequestServlet.java--------POST");
		String result = PtlRedirector.getResponsePost(request, ptlUrl);
		response.setCharacterEncoding("UTF-8");
		PrintWriter writer = response.getWriter();
		writer.write(result);
		writer.close();
	}
}

上面的代码是判断web.xml里面的portal.url有没有赋值，如果为空就将prlUrl赋值为"http://localhost:8082/portal"

当代码走到

String result = PtlRedirector.getResponsePost(request, ptlUrl);
的时候，会将ptlUrl发送给PtlRedirector类进行处理

第三步：

是PtlRedirector类的处理过程

package com.company.portal;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.PrintWriter;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLConnection;
import java.util.Enumeration;

import javax.servlet.http.HttpServletRequest;

public class PtlRedirector {

	public static String getResponseGet(HttpServletRequest request,
			String baseUrl) {
		String param = concatParams(request);
		String url = baseUrl + param;
		String token = request.getHeader("token");
		String resourcePool = request.getHeader("resourcePool");
		String response = readResponseFromURL(url,token,resourcePool);
		return response;
	}

	public static String getResponsePost(HttpServletRequest request,
			String baseUrl) {
		String param = concatParams(request);
		String url = baseUrl + param;
		String json = readJSONString(request);
		String token,resourcePool;
		token = request.getHeader("token");
		resourcePool = request.getHeader("resourcePool");
		String response;
		if(token != null && resourcePool != null){
			response = sendPostHeader(url,token,resourcePool,json);
		}else{
			response = sendPost(url, json);			
		}
		return response;
	}

	private static String sendPostHeader(String url, String token,
			String resourcePool, String param) {

		PrintWriter out = null;
		BufferedReader in = null;
		String result = "";
		try {
			URL realUrl = new URL(url);
			// 打开和URL之间的连接
			URLConnection conn = realUrl.openConnection();
			conn.setRequestProperty("token", token);
			conn.setRequestProperty("resourcePool", resourcePool);
			// 设置通用的请求属性
			// 发送POST请求必须设置如下两行
			conn.setDoOutput(true);
			conn.setDoInput(true);
			// 获取URLConnection对象对应的输出流
			out = new PrintWriter(conn.getOutputStream());
			// 发送请求参数
			out.print(param);
			// flush输出流的缓冲
			out.flush();
			// 定义BufferedReader输入流来读取URL的响应
			in = new BufferedReader(
					new InputStreamReader(conn.getInputStream(), "utf-8"));
			String line;
			while ((line = in.readLine()) != null) {
				result += line;
			}
		} catch (Exception e) {
			System.out.println("发送 POST 请求出现异常！" + e);
			e.printStackTrace();
		}
		// 使用finally块来关闭输出流、输入流
		finally {
			try {
				if (out != null) {
					out.close();
				}
				if (in != null) {
					in.close();
				}
			} catch (IOException ex) {
				ex.printStackTrace();
			}
		}
		return result;
	}

	public static String readJSONString(HttpServletRequest request) {
		StringBuffer json = new StringBuffer();
		String line = null;
		try {
			BufferedReader reader = request.getReader();
			while ((line = reader.readLine()) != null) {
				json.append(line);
			}
		} catch (Exception e) {
			System.out.println(e.toString());
			return json.toString();
		}
		return json.toString();
	}

	@SuppressWarnings("rawtypes")
	private static String concatParams(HttpServletRequest request) {
		StringBuilder sb = new StringBuilder();
		Enumeration en = request.getParameterNames();
		while (en.hasMoreElements()) {
			String name = (String) en.nextElement();
			String value = request.getParameter(name).trim();
			if (value.length() == 0)
				continue;
			sb.append(value);
		}
		return sb.toString();
	}

	private static String readResponseFromURL(String url,String token,String resourcePool) {

		URL getUrl;
		HttpURLConnection connection = null;
		BufferedReader reader = null;

		StringBuilder result = new StringBuilder();

		try {
			getUrl = new URL(url);
			connection = (HttpURLConnection) getUrl.openConnection();
			connection.setRequestProperty("token", token);
			connection.setRequestProperty("resourcePool", resourcePool);
			connection.connect();
			if (connection.getResponseCode() == 200) {
				reader = new BufferedReader(new InputStreamReader(
						connection.getInputStream(), "utf-8"));// set charset to
				String lines;
				while ((lines = reader.readLine()) != null) {
					result.append(lines);
				}
			} else {
				reader = new BufferedReader(new InputStreamReader(
						connection.getErrorStream(), "utf-8"));// set charset to
				String lines;
				while ((lines = reader.readLine()) != null) {
					result.append(lines);
				}
			}
		} catch (Exception e) {
		} finally {
			try {
				if (reader != null) {
					reader.close();
				}
				if (connection != null) {
					connection.disconnect();
				}

			} catch (Exception e) {
				e.printStackTrace();
			}
		}
		return result.toString();
	}

	private static String sendPost(String url, String param) {

		PrintWriter out = null;
		BufferedReader in = null;
		String result = "";
		try {
			URL realUrl = new URL(url);
			// 打开和URL之间的连接
			URLConnection conn = realUrl.openConnection();
			// 设置通用的请求属性
			conn.setRequestProperty("accept", "*/*");
			conn.setRequestProperty("connection", "Keep-Alive");
			conn.setRequestProperty("user-agent",
					"Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
			// 发送POST请求必须设置如下两行
			conn.setDoOutput(true);
			conn.setDoInput(true);
			// 获取URLConnection对象对应的输出流
			out = new PrintWriter(conn.getOutputStream());
			// 发送请求参数
			out.print(param);
			// flush输出流的缓冲
			out.flush();
			// 定义BufferedReader输入流来读取URL的响应
			in = new BufferedReader(
					new InputStreamReader(conn.getInputStream(), "utf-8"));
			String line;
			while ((line = in.readLine()) != null) {
				result += line;
			}
		} catch (Exception e) {
			System.out.println("发送 POST 请求出现异常！" + e);
			e.printStackTrace();
		}
		// 使用finally块来关闭输出流、输入流
		finally {
			try {
				if (out != null) {
					out.close();
				}
				if (in != null) {
					in.close();
				}
			} catch (IOException ex) {
				ex.printStackTrace();
			}
		}
		return result;
	}

}
上面的代码分别给出了带头信息的Post请求和不带头信息的Post请求的处理方法，同时给出不同请求方式Get和Post的带头信息的和不带头信息的处理方法，会将js里面请求的url变成所需要的url从而达到跨域访问的效果。




lb891014
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java解决跨域问题_Java项目中如何解决跨域问题
weixin_34991792的博客
02-19 3526
Java项目中如何解决跨域问题发布时间：2020-11-11 16:00:40来源：亿速云阅读：91作者：LeahJava项目中如何解决跨域问题？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。前言相信大家在写前端脚本的时候经常会遇到发送数据到后台的情况，但是由于浏览器的限制，不同域名之间的数据是不能互相访问的，那前端怎么...
JAVA WEB之跨域问题以及解决方案（上）
8-0416
11-05 828
一、产生跨域的原因 我们在项目开发中，经常会使用前后端分离的技术，把前端代码和后端代码分别部署到不同的服务器上，这样在数据交互的时候，由于浏览器的同源策略，就会产生跨域问题。 同源策略，它是由Netscape提出的一个著名的安全策略。 现在所有支持JavaScript 的浏览器都会使用这个策略。 所谓同源是指，域名，协议，端口相同。 如果非同源，那么在请求数据时，浏览器会在控制台中报一个异常，...
java 后台解决跨域访问的问题
Professional
10-10 210
解决跨域问题的方式有很多，这里主要是添加注解的方式和采用添加拦截器的方法： 方法一、springboot 采用注解方式 spring boot中只用在Controller类上添加一个“@CrossOrigin“注解就可以实现对当前controller 的跨域 访问了，当然这个标签也可以加到方法上。 @CrossOrigin public class CommonController { } 其...
java web 跨域访问_Java Web解决跨域请求
weixin_36342356的博客
02-12 196
要知道跨域请求就要先了解同源策略，那么什么是同源？什么是不同源？简单来说就是，如果两个资源，包括HTML页面、JavaScript脚本、css样式，对应的协议、域名和端口完全相同，那么这两个资源就是同源的，Same-origin policy解释得很清楚。那么同源策略的意思就是一个源中的资源访问另外一个源中的资源，在在这一点上JavaScript的跨站资源访问表现的更加明显。在HTML5之前Aja...
JAVA如何解决跨域问题
sinat_29672425的博客
04-23 8320
此方案只是服务端的代码需要修改，前端代码不需要修改。1.普通的GET或者POST请求跨域。       在自己编写的过滤器文件中添加如下代码，也可以再单独的方法中添加，：       //允许所有的域都可以跨域访问       response.addHeader("Access-Control-Allow-Origin", "*");      //允许跨域GET和POST请求      res...
Javaweb解决跨域请求问题
Suk__的博客
01-31 428
package sys.suk.travel.web.filter; import javax.servlet.*; import javax.servlet.annotation.WebFilter; import javax.servlet.http.HttpServletResponse; import java.io.IOException; /** * @author: Suk ...
JavaWeb跨域访问问题
qq_43685425的博客
11-14 166
JavaWeb跨域访问问题
有关Ajax跨域问题的两种解决方法
10-23
相反，通过在服务器端配置CORS过滤器来解决跨域问题，既能够满足跨域请求的需求，同时还能保持较高的安全级别。在进行服务器配置时，务必仔细阅读相关文档，合理配置各项参数，确保既满足功能需求又不暴露安全风险。
详解Springboot+React项目跨域访问问题
08-26
总结起来，Springboot+React项目中的跨域问题可以通过CORS过滤器或者前端代理服务器来解决。理解并正确实施这些解决方案，有助于构建安全且高效的前后端分离应用。在实际开发中，应根据项目需求和环境选择合适的方法...
详解Ajax跨域（jsonp） 调用JAVA后台
10-19
通过本文的介绍，读者应该对如何在Java后台环境下实现Ajax的跨域调用有了更深入的理解，并能够在实际项目中灵活运用JSONP技术来解决相关问题。希望本文的内容能对大家有所帮助，也希望大家能多关注我们的分享和支持...
解决java项目跨域问题
05-29
开发项目遇到了前端跨域问题，在网上试了很多的方法都不行，springboot的注解跨域解决也不行，在网上看来很多解决问题的办法，都很繁琐，最后从spring根源去寻找问题，最后从后台解决了前端的跨域问题，只需将此java文件粘贴到项目中，便可以解决跨域问题。前端无需修改，便可以将跨域问题解决。
java解决请求跨域的两种方法
08-25
主要为大家详细介绍了java解决请求跨域的两种方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
解决跨域过滤器CORSFilter
12-23
综上所述，CORSFilter是解决跨域问题的关键工具，通过正确配置和应用，可以实现全局跨域资源共享，使得前后端分离的Web应用能够顺畅地交互。在实际项目中，需要根据具体需求灵活调整CORS策略，兼顾安全性和功能性的...
解决springboot实现跨域session共享问题
01-25
然而，随着Web服务的复杂性和交互性增加，跨域资源共享（CORS）和会话（Session）共享成为开发者需要面对的重要问题。本文将详细讲解如何在Spring Boot应用中解决跨域session共享的问题，并探讨防止SQL注入的相关...
跨域访问解决办法之java网络编程
My english is poor,but I am happy to speak my poor english!
10-11 123
颓废了很长时间，还是心态问题！ 项目中有不少地方需要跨域访问接口，读取接口的返回值进行操作。其中一个就是给用户手机发送短信，考虑用ajax实现， 开始时在IE下测试都正常，可是在firefox下怎么都不行，查了查资料才知道firefox的安全机制比 IE严格，不允许跨域访问。 在页面中嵌入iframe标签来尝试加载跨域页面的内容也是一样不行，firefox下iframe中的内容可以显示，但是无...
关于在做java的Web开发中遇到跨域访问的问题的解决方法汇总
ZHENJIANWEI的专栏
03-31 3616
解决问题的关键是怎么把第二个域中的内容得到且具有简单的操作权限。  1、通过域名来解决，      将两个不同的环境的主域名配置成同一个域名，这样就不存在IE中的信任与不信任的问题，就可以互相访问了。    2、抓取页面内容的方法       在主域中增加抓取远程页面内容的方法。  //这是要引入的包import java.io.InputStrea
如何解决Java中的跨域请求问题
最新发布
My_wife_QBL的博客
01-11 1606
在Java中解决跨域请求问题有多种方法，每种方法都有其适用的场景。选择合适的跨域解决方法可以帮助你保障系统的安全性和稳定性。希望本文能够帮助你更好地理解和处理Java中的跨域请求。
【Java】Java中解决跨域问题的几种方法（建议收藏）
热门推荐
DreamSun的博客
07-18 1万+
定义跨域（CORS）是指不同域名之间相互访问。跨域，指的是浏览器不能执行其他网站的脚本，它是由浏览器的同源策略所造成的，是浏览器对于JavaScript所定义的安全限制策略。当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。原因在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。在请求的过程中我们要想回去数据一般都是post/get请求，所以…跨域问题出现。
java实现跨域访问_JAVA服务器实现可跨域访问
weixin_29962351的博客
02-16 519
ps:ajax跨域请求 放弃使用POST + JSON原先写法POST + JSON，怎么试都不能访问@ResponseBody@RequestMapping(value = "/public/courseware/apply", method = RequestMethod.POST)public Object apply(@RequestBody Courseware params, Http...
JavaScript跨域访问解决方案：AJAX实例与Java处理
本文将详细介绍如何使用jQuery的AJAX功能来解决这种限制，并通过示例展示两种不同的跨域请求方式：POST请求和GET请求，以及对应的Java后端处理方法。" **1. AJAX POST提交跨域示例** `getRealMoney`函数展示了如何...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值