在一台服务器上通过 Nginx 配置实现不同子域名访问静态文件和后端服务

一、域名解析配置

要实现通过不同子域名访问静态文件和后端服务,首先需要进行域名解析。在域名注册商或 DNS 服务商处,为你的两个子域名 blog.xxx.com 和 api.xxx.com 配置 A 记录或 CNAME 记录。将它们的 A 记录都指向你服务器的 IP 地址。例如,如果服务器 IP 是 192.168.1.100,那么设置 blog.xxx.com 和 api.xxx.com 的 A 记录值为这个 IP。

二、Nginx 配置

(一)静态文件配置(blog.xxx.com)

  1. 创建一个新的 Nginx 配置文件,或者编辑现有的配置文件。可以通过命令 sudo nano /etc/nginx/sites-available/blog(路径可能会因你的系统安装配置而有所不同)来创建或编辑。

  2. 配置内容如下:

    js 复制代码
    server {
        listen 80;
        server_name blog.xxx.com;
    
        location / {
            root /path/to/your/static/files; # 静态文件存放路径
            index index.html;
        }
    }

    这里监听 80 端口,server_name 指令指定子域名。location / 块指定了根目录,当用户访问 blog.xxx.com 时,会从指定的静态文件目录中查找资源。

(二)后端服务配置(api.xxx.com)

  1. 同样,创建或编辑 Nginx 配置文件,如 sudo nano /etc/nginx/sites-available/api。

  2. 配置示例:

    js 复制代码
    server {
        listen 80;
        server_name api.xxx.com;
    
        location / {
            proxy_pass http://localhost:your_backend_port; # 后端服务运行的本地端口
            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;
        }
    }

这里也是监听 80 端口,proxy_pass 指令将请求转发到本地运行的后端服务端口,其他 proxy_set_header 指令用于正确设置请求头,以便后端服务能够获取正确的客户端信息等。

通过以上步骤,你就可以实现在一台服务器上,通过不同的子域名分别访问静态文件和后端服务,并且都开启了 HTTPS 保护。

相关推荐
锋行天下几秒前
DeepSeek写Langgraph就是个大傻逼,一本正经胡说八道
前端·人工智能·后端
jktantan15 分钟前
每个节点 41 字节:把一棵百万节点树拆进 14 个 typed array
前端·javascript·vue.js·算法·typescript
计算机魔术师38 分钟前
Anthropic官方插件被「寄生」,背后是同一类攻击又来了
前端
我命由我123451 小时前
访客系统形式(有用户概念、无用户概念)
java·开发语言·前端·javascript·python·产品运营·产品经理
叼烟扛炮1 小时前
[LangChain] 学习笔记(02):LCEL 链式调用与动态模型配置实战
服务器·开发语言·网络·笔记·学习·langchain
key_3_feng1 小时前
评估与对齐:Agent 自我进化的护栏
前端·数据库·agent
LaughingZhu2 小时前
Product Hunt 热榜 2026-10-30:Empacer、Scape、Floot in ChatGPT
java·前端·数据库·人工智能·chatgpt·notion
Lank_M2 小时前
抠图结果缩放后边缘发脏,该怪的不是插值
前端
未来之窗软件服务2 小时前
Linux 运维日志删除的多种方式—东方仙盟
linux·运维·服务器·仙盟创梦ide·东方仙盟
jerrywus2 小时前
Skill、MCP、Workflow、Rules、Memory 有什么区别?拿几次真实开发任务讲清楚
前端·agent·claude