vue+springcloud出现跨域问题

有的时候后端端口和前端端口不一致会导致跨域请求无法解析数据

表现 直接输入请求路径可以获取数据,但是前端页面未展示
直接输入路径
在这里插入图片描述

前端报的错报跨域错误
可以通过在后端启动类中添加配置类解决跨域问题

/**
	 * 配置跨域访问的过滤器
	 */
	@Bean
	public FilterRegistrationBean registerFilter(){
		// 注册CORS过滤器
		UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
		CorsConfiguration config = new CorsConfiguration();
		config.setAllowCredentials(true); // 是否支持安全证书
		config.addAllowedOrigin("*"); // 允许任何域名使用
		config.addAllowedHeader("*"); // 允许任何头
		config.addAllowedMethod("*"); // 允许任何方法(post、get等)
		// 预检请求的有效期,单位为秒。
		//        config.setMaxAge(3600L);

		source.registerCorsConfiguration("/**", config);
		FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
		bean.setOrder(0);
		return bean;

解决
在这里插入图片描述

发布了5 篇原创文章 · 获赞 0 · 访问量 206
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览