前后端分离项目,前端项目启动访问后端项目,此时前后端使用的ip端口号不同,若联调需要跨域配置
本地实现:
前端ip:http://localhost:8080
后端ip: http://localhost:8088
1.前端代码先放在tomcat文件夹下的webapps文件下。前端代码中配置好后端项目的ip及端口号
2.在后端springboot项目写配置类CorsConfig
package com.zkx.config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.CorsConfigurationSource;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
@Configuration
public class CorsConfig {
public CorsConfig(){
}
@Bean
public CorsFilter corsFilter(){
//1.添加cors配置信息
CorsConfiguration config = new CorsConfiguration();
config.addAllowedOrigin("http://localhost:8080");
// 设置是否发生cookie信息
config.setAllowCredentials(true);
//设置允许请求的方式
config.addAllowedMethod("*");
//设置允许的header
config.addAllowedHeader("*");
//2.为url添加映射路径
UrlBasedCorsConfigurationSource corsSource = new UrlBasedCorsConfigurationSource();
corsSource.registerCorsConfiguration("/**",config);
//3.返回重新定义好的corsSource
return new CorsFilter(corsSource);
}
}
3.启动springboot项目
4.启动tomcat,在网页上访问前端ip测试