大家好,又见面了,我是你们的朋友全栈君。
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;
@Configuration
public class WebConfig {
// 过滤器跨域配置
@Bean
public CorsFilter corsFilter() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
CorsConfiguration config = new CorsConfiguration();
// 允许跨域的头部信息
config.addAllowedHeader("*");
// 允许跨域的方法
config.addAllowedMethod("*");
// 可访问的外部域
config.addAllowedOrigin("*");
// 需要跨域用户凭证(cookie、HTTP认证及客户端SSL证明等)
//config.setAllowCredentials(true);
//config.addAllowedOriginPattern("*");
// 跨域路径配置
source.registerCorsConfiguration("/**", config);
return new CorsFilter(source);
}
}
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
@Configuration
public class WebConfig implements WebMvcConfigurer {
// 拦截器跨域配置
@Override
public void addCorsMappings(CorsRegistry registry) {
// 跨域路径
CorsRegistration cors = registry.addMapping("/**");
// 可访问的外部域
cors.allowedOrigins("*");
// 支持跨域用户凭证
//cors.allowCredentials(true);
//cors.allowedOriginPatterns("*");
// 设置 header 能携带的信息
cors.allowedHeaders("*");
// 支持跨域的请求方法
cors.allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS");
// 设置跨域过期时间,单位为秒
cors.maxAge(3600);
}
// 简写形式
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
//.allowCredentials(true)
//.allowedOriginPatterns("*")
.allowedHeaders("*")
.allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
.maxAge(3600);
}
}
@RestController
@RequestMapping("/client")
// @CrossOrigin
public class HelloController {
@CrossOrigin
@GetMapping("/hello")
public Result hello() {
return Result.success();
}
@RequestMapping(value = "/test", method = RequestMethod.GET)
public Result test() {
return Result.fail();
}
}
// @CrossOrigin 源码
@Target({
ElementType.TYPE, ElementType.METHOD})
@Retention(RetentionPolicy.RUNTIME)
@Documented
public @interface CrossOrigin {
/** @deprecated */
@Deprecated
String[] DEFAULT_ORIGINS = new String[]{
"*"};
/** @deprecated */
@Deprecated
String[] DEFAULT_ALLOWED_HEADERS = new String[]{
"*"};
/** @deprecated */
@Deprecated
boolean DEFAULT_ALLOW_CREDENTIALS = false;
/** @deprecated */
@Deprecated
long DEFAULT_MAX_AGE = 1800L;
@AliasFor("origins")
String[] value() default {
};
@AliasFor("value")
String[] origins() default {
};
String[] originPatterns() default {
};
String[] allowedHeaders() default {
};
String[] exposedHeaders() default {
};
RequestMethod[] methods() default {
};
String allowCredentials() default "";
long maxAge() default -1L;
}
<template>
<div class="main">
<div class="button-group">
<button class="button" @click="handleGet('/client/hello')">hello</button>|
<button class="button" @click="handleGet('/client/test')">test</button>|
</div>
</div>
</template>
<script> import axios from '../../node_modules/axios' let http = axios.create({
baseURL: 'http://localhost:9090', timeout: 1000 * 5 }) // 跨域请求是否提供凭据信息(cookie、HTTP认证及客户端SSL证明等) 这个最好是与后端的 allowCredentials 保持一致 // http.defaults.withCredentials = true export default {
methods: {
handleGet(url) {
http({
url }).then(res => {
console.log(res.data) }) } } } </script>
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/148580.html原文链接:https://javaforall.cn