1、问题起因:

项目中做了一个导出数据到excel,并且下载到客户端本地的功能,在本地启动前后端联调,未出现【跨域】问题,当提交部署至Linux服务器时,问题就出现了。

2、解决思路:

1、首先检查错误原因,需要排除“文件不存在”等基本业务问题;
2、完全就可以尝试【跨域】问题的解决方法了。
(多说两句):

同域:
- 同一协议, 如http或https
- 同一IP地址, 如192.168.1.2
- 同一端口, 如8080

以上三个条件中有一个条件不同就会产生 跨域问题。

3、解决方案:

我是在后端添加【跨域】配置,解决的这个问题:
①在CorsConfig中重写接口类addCorsMappings方法
   
registry.addMapping("/**")
                .allowedOrigins("*")    //registry.allowedOrigins(““)设置跨域访问的域名,如果是,默认都可以访问
                .allowCredentials(true)   //registry.allowCredentials(true)设置是否允许客户端发送cookie信息。默认是false 
                .allowedMethods("GET", "POST", "DELETE", "PUT", "PATCH")
                .exposedHeaders("Content-Disposition", "Content-length","Content-type","X-Powered-By","Date")
                .maxAge(3600);

②在拦截器中prehandler添加:
response.setHeader("Access-Control-Expose-Headers", "Content-Disposition"); 
③测试运行--OK

 

4、补充知识

前端解决方案:

  1. 使用JSONP方式实现跨域调用;
  2. 使用NodeJS服务器做为服务代理,前端发起请求到NodeJS服务器, NodeJS服务器代理转发请求到后端服务器;
  3. 设置浏览器允许跨域访问,如Chrome浏览器设置--disable-web-security属性, 该方案仅适用于开发环境下的开发调试。

后端解决方案:

  1. 服务端设置Response Header(响应头部)的Access-Control-Allow-Origin(Java开发中可以使用Filter进行设置);
  2. 在需要跨域访问的类和方法中设置允许跨域访问(如Spring中使用@CrossOrigin注解);
  3. 继承使用Spring Web的CorsFilter(适用于Spring MVC、Spring Boot)
  4. 实现WebMvcConfigurer接口(适用于Spring Boot)

1. 使用Filter方式进行设置

使用Filter过滤器来过滤服务请求,向请求端设置Response Header(响应头部)的Access-Control-Allow-Origin属性声明允许跨域访问。

@WebFilter
public class CorsFilter implements Filter {  
    // 日志对象
    private static Logger logger = LoggerFactory.getLogger(CorsFilter.class);  

    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {  
        HttpServletResponse response = (HttpServletResponse) res;  
        response.setHeader("Access-Control-Allow-Origin", "*");  
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");  
        response.setHeader("Access-Control-Max-Age", "3600");  
        response.setHeader("Access-Control-Allow-Headers", "x-requested-with");  
        chain.doFilter(req, res);  
    }  

    public void init(FilterConfig filterConfig) {
        // something init
    }  

    public void destroy() {
         // destroy something
    }  
}

2. 使用@CrossOrigin注解

使用@CrossOrigin注解声明类和方法允许跨域访问。

@RequestMapping(value = "/v1/users")
@RestController
@CrossOrigin
public class UserController extends BaseController {

    @Autowired
    private UserService userService;

    @RequestMapping(method = RequestMethod.POST)
    @CrossOrigin
    @RequestBody
    public User create(@Validated User user) {
        return userService.save(user);
    }
}

3. 继承使用Spring Web中的CorsFilter

package com.garyond.hurricane.config;

import org.springframework.stereotype.Component;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

import java.util.Arrays;

/**
 *  跨域访问配置
 */
@Component
public class CustomCorsFilter extends CorsFilter {

    public CustomCorsFilter() {
        super(configurationSource());
    }

    private static UrlBasedCorsConfigurationSource configurationSource() {
        CorsConfiguration config = new CorsConfiguration();
        config.setAllowCredentials(true);
        config.addAllowedOrigin("*");
        config.addAllowedHeader("*");
        config.setMaxAge(36000L);
        config.setAllowedMethods(Arrays.asList("GET", "HEAD", "POST", "PUT", "DELETE", "OPTIONS"));
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/v1/**", config);
        return source;
    }
}

4. 实现WebMvcConfigurer接口

Spring Boot 2.0中已经废弃WebMvcConfigurerAdapter类, 开发人员可以通过实现WebMvcConfigurer接口实现相应的功能。

import org.springframework.context.annotation.Configuration;  
import org.springframework.web.servlet.config.annotation.CorsRegistry;  
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;  

@Configuration  
public class CorsConfig implements WebMvcConfigurer {  

    @Override  
    public void addCorsMappings(CorsRegistry registry) {  
        registry.addMapping("/**")  
                .allowedOrigins("*")  
                .allowCredentials(true)  
                .allowedMethods("GET", "POST", "DELETE", "PUT","PATCH")  
                .maxAge(3600);  
    }  
}