跨域问题解决方式

最新推荐文章于 2024-07-18 18:11:38 发布

bug不停

最新推荐文章于 2024-07-18 18:11:38 发布

阅读量390

点赞数 1

分类专栏：学习日志文章标签： vue java

本文链接：https://blog.csdn.net/weixin_47128847/article/details/109189197

版权

学习日志专栏收录该内容

10 篇文章 0 订阅

订阅专栏

跨域问题的两种解决方式--我所知道的

问题描述：

由vue-resource发起请求：
在这里插入图片描述

发生以下错误：
在这里插入图片描述

第一种方式

如下例所示：

@RestController
public class PageController {

    @Resource
    private PageService pageService;

    private CommonResult<JdIpad> commonResult=new CommonResult<>();

    @GetMapping("/page/get")
    public CommonResult<JdIpad> getResult(@RequestParam("currentPage") Integer currentPage,
                                          @RequestParam("pageSize") Integer pageSize,HttpServletResponse response){
        Page<JdIpad> page = pageService.getPage(currentPage, pageSize);
        commonResult.setCode(200);
        commonResult.setMessage("查询成功");
        commonResult.setPage(page);
        return commonResult;
    }
}

添加response参数，并设置响应头：

        response.setHeader("Access-Control-Allow-Origin","*");
        response.setHeader("Cache-Control","no-cache");

@RestController
public class PageController {

    @Resource
    private PageService pageService;

    private CommonResult<JdIpad> commonResult=new CommonResult<>();

    @GetMapping("/page/get")
    public CommonResult<JdIpad> getResult(@RequestParam("currentPage") Integer currentPage,
                                          @RequestParam("pageSize") Integer pageSize,HttpServletResponse response){
        //1.解决跨域问题
        response.setHeader("Access-Control-Allow-Origin","*");
        response.setHeader("Cache-Control","no-cache");
        
        Page<JdIpad> page = pageService.getPage(currentPage, pageSize);
        commonResult.setCode(200);
        commonResult.setMessage("查询成功");
        commonResult.setPage(page);
        return commonResult;
    }
}

第二种方式

在PageController上添加一个@CrossOrigin注解

@RestController
@CrossOrigin //2.解决跨域问题
public class PageController {

    @Resource
    private PageService pageService;

    private CommonResult<JdIpad> commonResult=new CommonResult<>();

    @GetMapping("/page/get")
    public CommonResult<JdIpad> getResult(@RequestParam("currentPage") Integer currentPage,
                                          @RequestParam("pageSize") Integer pageSize){

        Page<JdIpad> page = pageService.getPage(currentPage, pageSize);
        commonResult.setCode(200);
        commonResult.setMessage("查询成功");
        commonResult.setPage(page);
        return commonResult;
    }
}