nginx 转发java接口跨域

原创

mob64ca12cfa7d5 2024-08-08 10:49:58 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12cfa7d5的原创作品，请联系作者获取转载授权，否则将追究法律责任

Nginx 转发 Java 接口实现跨域的指南

在现代应用程序的架构中，前后端分离的模式越来越普遍。此时，前端应用需要访问后端的接口，而跨域请求成为一个常见的问题。本文将教你如何使用 Nginx 转发 Java 接口，以实现跨域访问。我们将一步步指导你完成这一过程，并提供必要的代码示例。

整体流程

首先，我们来了解一下整件事情的流程：

步骤	说明
1. 配置 Nginx	设置 Nginx 以转发请求
2. 启动 Java 应用	确保 Java 后端服务正在运行
3. 测试接口	测试前端是否能成功请求后端接口

1. 配置 Nginx

要配置 Nginx，我们需要在其配置文件中添加反向代理设置。以下是一个典型的 Nginx 配置示例：

server {
    listen 80;  # 监听 80 端口，HTTP 请求
    server_name yourdomain.com;  # 你的域名

    location /api/ {
        proxy_pass http://localhost:8080/;  # 将请求转发到 Java 后端
        proxy_set_header Host $host;  # 设置 Host 头信息
        proxy_set_header X-Real-IP $remote_addr;  # 设置真实 IP
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;  # 添加 X-Forwarded-For 头
        proxy_set_header X-Forwarded-Proto $scheme;  # 添加 X-Forwarded-Proto 头
       
        # CORS配置
        add_header 'Access-Control-Allow-Origin' '*';  # 允许所有来源
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';  # 允许的请求方式
        add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization';  # 允许的请求头
    }
}

说明：

server 块用于定义一个虚拟主机。
location /api/ 指定了哪些请求路径将被转发到后端。
proxy_pass 是关键，它将请求转发到指定的 Java 服务地址。
add_header 用于配置 CORS，允许跨域请求。

2. 启动 Java 应用

确保你的 Java 应用程序在 localhost:8080 上运行。你可以使用 Spring Boot 提供的命令启动应用：

./mvnw spring-boot:run

3. 测试接口

现在你可以通过发起请求来测试接口是否能正常工作。可以使用 curl 命令或浏览器的开发者工具进行测试：

curl -X GET

说明：

更换 ` 为你实际的接口地址。

序列图

以下是请求过程中的序列图：

sequenceDiagram
    participant Client
    participant Nginx
    participant JavaApp

    Client->>Nginx: 发起请求
    Nginx->>JavaApp: 转发请求
    JavaApp-->>Nginx: 返回响应
    Nginx-->>Client: 返回结果

类图

以下是系统的类图示意：

classDiagram
    class Client {
        +sendRequest()
        +receiveResponse()
    }
    class Nginx {
        +forwardRequest()
        +handleCORS()
    }
    class JavaApp {
        +processRequest()
        +sendResponse()
    }

    Client --> Nginx : 发起请求
    Nginx --> JavaApp : 转发请求
    JavaApp --> Nginx : 返回响应
    Nginx --> Client : 返回结果