springboot + Vue跨域问题

一、什么是跨域

跨域指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制.目前所有的浏览器都实行同源策略,所谓的同源指的是
协议相同
域名相同
端口相同

二、跨域问题啥时候发生

1、前后端分离开发时域名不同
2、前后端分离开发时域名相同端口不同
例如：
是否跨域判定如下：
http://www.123.com/index.html 调用 http://www.123.com/server.php(非跨域)
http://www.123.com/index.html 调用 http://www.456.com/server.php(主域名不同:123/456,跨域)
http://www.123.com:8080/index.html 调用 http://www.123.com:8081/server.php(端口不同:8080/8081,跨域)
http://www.123.com/index.html 调用 https://www.123.com/server.php(协议不同:http/https,跨域)
请注意：localhost和127.0.0.1虽然都指向本机，但也属于跨域.
浏览器执行javascript脚本时,会检查这个脚本属于哪个页面,如果不是同源页面,就不会被执行.

三、解决方法

常见的解决方案有JSONP和CORS等多种方式,这里我们采用了CORS的方式来统一处理项目中的跨域问题.
创建一个工具类CrosConfig继承WebMvcConfigurer并重写addCorsMappings。具体代码如下：

@Configuration
public class CrosConfig implements WebMvcConfigurer {