Spring boot 和Vue开发中CORS跨域问题解决

来源：动视网责编：小采时间：2020-11-27 22:08:17

Spring boot 和Vue开发中CORS跨域问题解决

Spring boot 和Vue开发中CORS跨域问题解决:跨域资源共享CORS（Cross-origin Resource Sharing），是W3C的一个标准，允许浏览器向跨源的服务器发起XMLHttpRequest请求，克服ajax请求只能同源使用的。关于CORS的详细解读，可参考阮一峰大神的博客：跨域资源共享CORS详解。 1. 遇到的问题：

推荐度：

点击下载本文 文档为doc格式

导读Spring boot 和Vue开发中CORS跨域问题解决:跨域资源共享CORS（Cross-origin Resource Sharing），是W3C的一个标准，允许浏览器向跨源的服务器发起XMLHttpRequest请求，克服ajax请求只能同源使用的。关于CORS的详细解读，可参考阮一峰大神的博客：跨域资源共享CORS详解。 1. 遇到的问题：

2. 分析问题

这个问题是典型的CORS跨域问题。

所谓跨域：

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全。

3. 解决方法

在项目中添加类CustomCORSConfiguration 代码如下：

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

/**
 * @author spartajet
 * @description
 * @create 2018-05-15 下午5:00
 * @email spartajet.guo@gmail.com
 */
@Configuration
public class CustomCORSConfiguration {
 private CorsConfiguration buildConfig() {
 CorsConfiguration corsConfiguration = new CorsConfiguration();
 corsConfiguration.addAllowedOrigin("*");
 corsConfiguration.addAllowedHeader("*");
 corsConfiguration.addAllowedMethod("*");
 corsConfiguration.setAllowCredentials(true);
 return corsConfiguration;
 }

 @Bean
 public CorsFilter corsFilter() {
 UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
 source.registerCorsConfiguration("/**", buildConfig());
 return new CorsFilter(source);
 }
}

Spring boot 和Vue开发中CORS跨域问题解决

推荐度：

点击下载本文 文档为doc格式

标签： VUE boot spring

热门焦点

Spring boot 和Vue开发中CORS跨域问题解决

Spring boot 和Vue开发中CORS跨域问题解决

Spring boot 和Vue开发中CORS跨域问题解决

最新推荐

猜你喜欢

热门推荐