使用Spring Boot的跨源CORS设置,前后端分离的时候

已拦截跨源请求:同源策略禁止读取位于 http://localhost:8899/login 的远程资源。(原因:CORS 头缺少 'Access-Control-Allow-Origin')

如果使用postman就不会存在跨域问题。

但是前后端分离的时候前后端都是要设置的,以下是后端的配置

参考http://blog.csdn.net/superpeepi_csdn/article/details/72625521

  1. @Configuration  
  2. public class SecurityCorsConfiguration {  
  3.       
  4.     @Bean  
  5.     public FilterRegistrationBean corsFilter() {  
  6.         UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();  
  7.         CorsConfiguration config = new CorsConfiguration();  
  8.         config.setAllowCredentials(true);  
  9.         config.addAllowedOrigin("http://localhost:4200");  
  10.         config.addAllowedHeader(CorsConfiguration.ALL);  
  11.         config.addAllowedMethod(CorsConfiguration.ALL);  
  12.         source.registerCorsConfiguration("/**", config);  
  13.         FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));  
  14.         bean.setOrder(Ordered.HIGHEST_PRECEDENCE);  
  15.         return bean;  
  16.     }  
  17.   

使用Spring Boot和Vue实现前后端分离,可以按照以下步骤进行: 1. 后端使用Spring Boot框架搭建RESTful API服务,提供数据接口; 2. 前端使用Vue框架编写页面,通过Ajax等方式请求后端提供的数据接口; 3. 前端页面和后端数据接口交互采用JSON格式数据,使得数据传输更加高效; 4. 前端代码和后端代码分别部署在不同的服务器上,通过跨域的方式实现数据交互。 具体实现步骤如下: 1. 后端使用Spring Boot框架搭建RESTful API服务 可以使用Spring Boot框架来搭建后端服务,使用Spring MVC来构建RESTful API。可以使用Spring Boot的starter包,来简化Spring MVC的配置。 2. 前端使用Vue框架编写页面 可以使用Vue框架编写前端页面。Vue提供了一套MVVM模式的数据绑定和组件化的开发方式,可以更加方便地编写前端页面。 3. 前端页面和后端数据接口交互采用JSON格式数据 前端页面通过Ajax等方式请求后端提供的数据接口,后端返回JSON格式的数据。这样可以使得数据传输更加高效。 4. 前端代码和后端代码分别部署在不同的服务器上 可以将前端代码和后端代码部署在不同的服务器上,通过跨域的方式实现数据交互。可以设置CORS(跨域资源共享)来实现跨域访问。 总的来说,使用Spring Boot和Vue实现前后端分离,可以提高开发效率和系统性能,同时也可以更好地实现前后端分离
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值