CrossOrigin注解解决跨域问题

最新推荐文章于 2024-07-19 14:37:16 发布

。。。=-=

最新推荐文章于 2024-07-19 14:37:16 发布

阅读量799

点赞数 1

分类专栏： java

本文链接：https://blog.csdn.net/nvisalsd/article/details/104248328

版权

java 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

origins ：代表白名单
maxAge:准备响应前的缓存持续的最大时间
@CrossOrigin(origins = "http://localhost:8888",maxAge = 3600)
允许所有访问 @CrossOrigin(origins = "*",maxAge = 3600)

注解设置在被访问接口的方法上

8888端口ajax访问地址


<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ include file="ref/include.inc.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>demo</title>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<input type="button" value="测试" onclick="ajaxTest()" />
<div id="message"></div>
<script>
    var data=0;
    function ajaxTest(){
        $.ajax({
            async:false,
            type:"POST",
            url:"http://localhost:8443/api/demo",
            dataType: "json",
            data: {
                "userName":"admin"
            },
            success:function(result){
                data=result
            },
            error: function (errorMsg) {
                //请求失败时执行该函数
                alert("请求数据失败!");
            }
        });
        $("#message").text(data)
    }
</script>
</body>
</html>

被访问端口 8443



    @CrossOrigin(origins = "http://localhost:8888",maxAge = 3600)
    @RequestMapping(value = "demo")
    @ResponseBody
    public String demo(User user){
        try {
            System.out.println(user);
            return JSON.toJSONString(user.getUserName());
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;

。。。=-=

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CrossOrigin注解解决跨域问题

origins ：代表白名单maxAge:准备响应前的缓存持续的最大时间@CrossOrigin(origins = "http://localhost:8888",maxAge = 3600)注解设置在被访问接口的方法上8888端口ajax访问地址<%@ page language="java" contentType="text/html; char...
复制链接

扫一扫

专栏目录