1.使用的框架：spring+springmvc+mybatis,前端使用Vue,spring版本使用4.2以上版本

4.2.5.RELEASE

3.2.1

2.在controller类上加注解@CrossOrigin

@CrossOrigin//跨域问题@Controller@RequestMapping("/department")

public classDepartmentController implementsBaseController{

@AutowiredprivateIDepartmentService departmentService;

/*** 添加或者修改*@paramdepartment*@return*/@RequestMapping(method = RequestMethod.PUT)

@ResponseBody@OverridepublicAjaxResult addOrUpdate(@RequestBodyDepartment department) {

try{

if(department.getId()==null){

departmentService.add(department);

}else{

departmentService.update(department);

}

returnAjaxResult.me();

} catch(Exception e) {

e.printStackTrace();

returnAjaxResult.me().setSuccess(false).setMessage("操作失败"+ e.getMessage());

}

}

加上此注解后，部分版本就可以跨域了，但我的不行，报错500，说我的代码有问题。其实 只要将报错的属性设置到response头部，即可解决此问题，所以我们只要提供一个过滤器或者一个拦截全部的AOP即可解决此问题  代码如下：

第一种：新建一个CrossFilter类实现Filter这个类

importorg.springframework.stereotype.Component;

importjavax.servlet.*;

importjavax.servlet.http.HttpServletResponse;

importjava.io.IOException;

@Componentpublic classCrossFilter implementsFilter {

public voiddoFilter(ServletRequest req, ServletResponse res, FilterChain chain) throwsIOException, ServletException {

HttpServletResponse response = (HttpServletResponse) res;

//如果要做细的限制，仅限某域名下的可以进行跨域访问到此，可以将*改为对应的域名。response.setHeader("Access-Control-Allow-Origin", "*");

response.setHeader("Access-Control-Allow-Methods", "*");

response.setHeader("Access-Control-Max-Age", "1728000");

response.setHeader("Access-Control-Allow-Credentials", "true");

response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

// response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");chain.doFilter(req, res);

}

public voidinit(FilterConfig filterConfig) {}

public voiddestroy() {}

}

第二种：使用AOP

//证明是一个配置文件(使用@Component也可以,因为点入后会发现@Configuration还是使用了@Component)

@Configuration

//证明是一个切面

@Aspect

public class ControllerAOP {

//环绕aop

//execution表达式 此表达式表示扫描controller下所有类的所有方法都执行此aop

@Around("execution (* com.beyondli.controller..*.*(..))")

public Object testAop(ProceedingJoinPoint pro) throws Throwable {

//获取response

HttpServletResponse response = ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes()).getResponse();

//核心设置

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

//执行调用的方法

Object proceed = pro.proceed();

return proceed;

}

}

前端使用的是Vue:

查询

新增

编辑

删除

取消

提交