跨域请求问题

一、什么是跨域请求

跨域请求问题出现在前后端分离的项目中，由于前端与后端在不同的服务器上，导致前后端的端口号不一致，在前端向后端发送Ajax请求后，后端将响应头返回时，前端无法保证响应头内容的安全性，于是就拒绝接受后端响应头的内容。因此就产生了跨域请求的问题。

两个服务器进行信息通信，要遵守相同的协议，相同的IP，相同的端口 ，这三个条件只要有一个不满足，那么它的请求就属于跨域请求。由于单体项目前后端都部署在tomcat，因此自然就不存在跨域请求的问题

二、如何解决跨域请求

前端：配置jsonp数据 来实现跨域请求

后端：在API接口上添加@CrossOrigin注解 来设置响应头 允许前端接受

无论是前端还是后端的解决方法，本质上都是通过设置，使浏览器将响应头设为安全的，然后接受内容

@Controller
@ResponseBody
@RequestMapping("/user")
@Api(value = "提供用户的登录和注册接口",tags = "用户管理")
// @CrossOrigin 允许跨域请求

@CrossOrigin
public class UserController {
     @Autowired
    private UserServiceImpl userService;

    @ApiOperation("用户登录接口")
    @ApiImplicitParams({
            @ApiImplicitParam(dataType = "string",name = "username", value = "用户登录账号",required = true),
            @ApiImplicitParam(dataType = "string",name = "password", value = "用户登录密码",required = true)
    })
     @PostMapping("/login")
     public ResultVO login(String username,String password){
         ResultVO resultVO = userService.checkLogin(username, password);
         return resultVO;
     }
}