前言
当一个资源从与该资源本身所在的服务器不同的域或端口请求一个资源时,资源会发起一个跨域 HTTP 请求。
比如,站点 http://domain-a.com 的某 HTML 页面通过 的 src 请求 http://domain-b.com/image.jpg。网络上的许多页面都会加载来自不同域的CSS样式表,图像和脚本等资源。
出于安全原因,浏览器限制从脚本内发起的跨源HTTP请求。 例如,XMLHttpRequest和Fetch API遵循同源策略。 这意味着使用这些API的Web应用程序只能从加载应用程序的同一个域请求HTTP资源,除非使用CORS头文件。
引自:
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS
后台配置跨域的解决方案
方法一:通过实现WebMvcConfigurer类
/**
* <p>Package:com.kingdom.vbdemo.common.config</p>
* <p>Title: CrosConfig</p>
* <p>Description: 跨域请求配置</p>
*
* @author Kingdom.Chen
* @datetime 2018/10/11 15:49
*/
@Configuration
@EnableWebMvc
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry