Jeecg跨域报错概述

随着互联网技术的不断发展，前后端分离的开发模式越来越受到开发者的青睐，在这种模式下，前端和后端通常运行在不同的域名或端口上，这就涉及到跨域问题，Jeecg作为一款流行的Java快速开发平台，在跨域请求时可能会出现报错,本文将针对Jeecg跨域报错进行详细解析。

Jeecg跨域报错原因

浏览器同源策略

浏览器为了安全考虑，实施了一种名为“同源策略”的策略，同源策略规定，一个域下的网页只能与同源的网页进行交互，同源指的是协议、域名、端口三者相同，当Jeecg前端请求后端接口时，如果请求的域名、协议或端口与前端页面不一致，就会触发同源策略,导致跨域报错。

服务器配置问题

在某些情况下，Jeecg后端服务器配置可能存在问题，导致跨域请求无法正常处理，Nginx、Tomcat等服务器配置了错误的跨域配置,或者没有开启跨域处理功能。

Jeecg跨域报错解决方案

使用CORS解决

CORS（Cross-Origin Resource Sharing，跨源资源共享）是一种允许跨源请求的技术，在Jeecg项目中,可以通过配置CORS来允许跨域请求。

（1）在Jeecg前端项目中,添加CORS配置：

const cors = require('cors');
const app = express();
app.use(cors());

（2）在Jeecg后端项目中,添加CORS配置：

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 CorsConfig {
    @Bean
    public CorsFilter corsFilter() {
        CorsConfiguration config = new CorsConfiguration();
        config.addAllowedOrigin("*");
        config.addAllowedHeader("*");
        config.addAllowedMethod("*");
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", config);
        return new CorsFilter(source);
    }
}

使用代理服务器解决

在Jeecg项目中，可以使用代理服务器来绕过同源策略，使用Nginx作为代理服务器,配置代理请求：

server {
    listen 80;
    server_name yourdomain.com;
    location / {
        proxy_pass http://yourbackend.com;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

Jeecg跨域报错常见问题解答

FAQs：

为什么Jeecg跨域请求会报错？

答：Jeecg跨域请求报错主要是因为浏览器同源策略限制,以及服务器配置问题。

如何解决Jeecg跨域报错？

答：解决Jeecg跨域报错的方法主要有两种：使用CORS和配置代理服务器,具体操作可参考本文第二部分和第三部分的内容。