springMVC接口实现跨域访问：

springMVC框架通过@CrossOrigin注解的方式实现接口的跨域访问

java示例代码：

package com.jmst.httpservice;
import java.util.HashMap;
import java.util.Map;import javax.annotation.Resource;
import org.springframework.http.HttpHeaders;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestHeader;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;@Controller
@CrossOrigin(origins="*",maxAge=3600) //跨域请求 origins=允许请求的地址 【*】允许所有的请求地址；前台请求需要注意设置contentType和@RequestMapping中的produces值相同
@RequestMapping(value="/sys/api",method={RequestMethod.POST,RequestMethod.GET})
public class httpServer extends BasciAction{@RequestMapping(value="/postTest",method=RequestMethod.POST,produces = {"application/json;charset=UTF-8"})@ResponseBodypublic Map<String,Object> postTest(@RequestBody JSONObject jsonObject,@RequestHeader HttpHeaders headers){Map<String,Object> map = new HashMap<String, Object>();map.put("flag", 1);map.put("msg", "成功");return map;}
}

前端ajax调用示例：

需要注意contentType必须和后台RequestMapping注解中的produces值相同

$.ajax({type: "POST",url:"http://localhost:8080/jmst_touch/sys/api/postTest",data: JSON.stringify({"startTime":"2020-01-20","endTime":"2021-01-20"}),dataType:"json",async:false,contentType: "application/json",success: function(data){alert(data.msg);} });

踩了不少坑。留个示例方便以后查看

CrossOrigin注解的方式实现接口的跨域访问相关推荐

Springboot 接口允许跨域访问
解决: 在@RestController下添加注解 @CrossOrigin即可 @RestController @CrossOrigin // 允许跨域访问 public class Product ...
Spring Boot配置跨域访问策略
From: https://blog.csdn.net/garyond/article/details/80192760 1. 引言我们在开发过程中通常因为不同应用之间的接口调用或者应用之间接口集成 ...
jQuery 跨域访问问题解决方法
浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js ...
nginx设置图片跨域访问
生而为人谁不付出谁不努力 #user nobody; worker_processes 1;#error_log logs/error.log; #error_log logs/error.log ...
jq跨域代理_用jQuery解决跨域访问
浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js ...
jq跨域代理_jQuery 跨域访问问题解决方法
jQuery 跨域访问问题解决方法更新时间:2009年12月02日 01:25:19 作者: 浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时 ...
新蜂商城（newbee-mall-api）部分接口实验，跨域处理（同源策略，跨域访问，CORS）,系统安全问题（Session，Cookie，Token，OAuth）（软件工程综合实践课程第十三周）
文章目录一.要求二.知识总结跨域处理 1.同源策略 1.1 浏览器的同源策略 1.2 跨域请求实验 2 跨域访问 2.1 添加响应头来处理跨域 2.1.1 CORS 跨域资源共享 2.1.2 设 ...
Vue跨域访问后端接口问题解决
VUE访问接口的时候,很可能出现跨域请求,从而被提供接口的服务器拒绝,下面这篇文章主要给大家介绍了关于Vue如何解决跨域问题的相关资料,需要的朋友可以参考下什么是跨域跨域指浏览器不允许当前页面的所 ...
java跨域解析json数据_java后台设计简单的json数据接口，设置可跨域访问，前端ajax获取json数据...
在开发的过程中,有时候我们需要设计一个数据接口.有时候呢,数据接口和Web服务器又不在一起,所以就有跨域访问的问题. 第一步:简单的设计一个数据接口. 数据接口,听起来高大上,其实呢就是一个简单的Se ...

CrossOrigin注解的方式实现接口的跨域访问

springMVC接口实现跨域访问：

java示例代码：

前端ajax调用示例：

踩了不少坑。留个示例方便以后查看

CrossOrigin注解的方式实现接口的跨域访问相关推荐

最新文章

热门文章