Java后端设置

跨域问题出现的原因是浏览器的同源策略限制，我们前端使用vue.js，后台使用java。

在本地进行前端开发调试时出现跨域的问题。跨域在java中解决比较容易，只要在HttpServletResponse中设置即可（拦截器中统一设置），代码如下：

		response.setHeader("Access-Control-Allow-Origin","http://127.0.0.1:8886");
    response.setHeader("Access-Control-Allow-Credentials", "true");
		response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
		response.setHeader("Access-Control-Max-Age", "3600");
		response.setHeader("Access-Control-Allow-Headers", "DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type, Accept-Language, Origin, Accept-Encoding");

设置Access-Control-Allow-Origin 为特定ip（或域名）和端口号是指定开放一个；可以使用

String originHeader= (HttpServletRequest)request.getHeader("Origin");
response.setHeader("Access-Control-Allow-Origin",originHeader);

放行所有请求。

Vue前端设置

之后我们遇到了跨域请求成功，但是cookie写入失败的问题，我们前端使用的是Vue.js，使用axios发送ajax请求数据，因此需要增加axios.defaults.withCredentials = true设置（其他框架设置方式不同，但参数都是withCredentials），然后问题解决。