前端项目 /main base的URL 配置 后, nginx 如何配置

如果你的前端项目已经部署到 `/main` 路径下，那么需要在 Nginx 的配置中指定该路径，以便 Nginx 能够正确地将请求转发到该路径下的静态资源。

以下是一个示例 Nginx 配置，假设你的前端项目文件在 `/usr/share/nginx/html` 目录下，而且你已经将前端项目部署在 `/main` 路径下：

server {
    listen       80;
    server_name  example.com;

    location /main {
        # 指定前端项目的根路径
        alias /usr/share/nginx/html/main;

        # 配置缓存
        expires 1h;

        # 指定 index.html 作为默认文档
        index  index.html;

        # 处理静态资源请求
        try_files $uri $uri/ /index.html;
    }

    # 处理其它请求
    location / {
        # 指定后端 API 的地址
        proxy_pass http://backend-api-server:8080;

        # 配置缓存
        expires 1m;

        # 配置代理头
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        # 支持 WebSocket
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }
}

在上面的配置中，我们使用 `location /main` 指定前端项目的根路径，并设置了一些缓存和代理头配置，以便提高性能和安全性。同时，我们使用 `try_files` 指令来处理静态资源请求，如果无法找到对应的文件，则返回 `index.html`。

另外，我们还使用了 `location /` 来处理其它请求，我们将这些请求代理到后端 API 服务器上。在这里，你应该将 `proxy_pass` 指令替换为你自己的后端 API 地址。

总的来说，以上是一个基本的 Nginx 配置示例，你可以根据自己的需要进行调整。