# nginx.conf
server {
    listen 63342;
    # 前端頁面的域名或ip
    server_name 127.0.0.1;

    # 代理所有以 /api/ 開頭的請求到后端服務(wù)器
    location /api/ {
        # 后端服務(wù)器地址
        proxy_pass http://127.0.0.1:8080/; 

        # 修改請求頭，確保后端能收到正確的原始主機(jī)信息
        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;

        # 添加CORS響應(yīng)頭，允許所有來源的請求，生產(chǎn)環(huán)境應(yīng)關(guān)閉
        add_header 'Access-Control-Allow-Origin' '*'; 
        
        # 允許的請求方法
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE, PATCH';
        
        if ($request_method = 'OPTIONS') {
            # 對于OPTIONS請求，直接返回204狀態(tài)碼，不需要轉(zhuǎn)發(fā)到后端
            return 204;
        }
    }
}

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 WebMvcConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**") // 允許所有接口跨域
                .allowCredentials(true) // 允許瀏覽器在跨域請求中發(fā)送認(rèn)證信息
                .allowedOriginPatterns("*") // 允許訪問資源的源(協(xié)議、域名、端口)
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS") // 允許的方法
                .allowedHeaders("*") // 允許的請求頭
                .exposedHeaders("*"); // 哪些響應(yīng)頭可以暴露給前端js
    }
}

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 MyCorsFilter {
    @Bean
    public CorsFilter corsFilter() {
        CorsConfiguration config = new CorsConfiguration();

        config.addAllowedOriginPattern("*"); // 放行所有域名，生產(chǎn)環(huán)境請對此進(jìn)行修改

        config.setAllowCredentials(true); // 是否發(fā)送cookie

        config.addAllowedMethod("*");  // 放行的請求方式

        config.addAllowedHeader("*"); // 放行的請求頭

        config.addExposedHeader("*"); // 暴露頭部信息

        // UrlBasedCorsConfigurationSource: 可以為不同的URL路徑設(shè)置不同的CORS規(guī)則
        UrlBasedCorsConfigurationSource corsConfigurationSource = new UrlBasedCorsConfigurationSource();
        // 所有的URL路徑都使用同一個(gè)CORS規(guī)則
        corsConfigurationSource.registerCorsConfiguration("/**", config);

        return new CorsFilter(corsConfigurationSource);
    }
}

@RestController
@CrossOrigin
public class DemoController {

    @PutMapping("/put")
    public Integer put(MultipartFile file) {
        System.out.println(file.getOriginalFilename());
        return 200;
    }

    @GetMapping("/get")
    public Integer get() {
        return 200;
    }
}