如何将服务器配置文件纳入代码仓库？求Nginx/Apache替代方案

一、将Nginx配置纳入代码仓库的方法 #

1. 配置模板+环境变量替换 #

把配置中的绝对路径替换为占位符，部署时通过脚本动态替换成实际路径，模板文件可直接存入仓库。

示例模板nginx.conf.template：

server {
    listen 80;
    root {{PROJECT_ROOT}}/dist;
    index index.html;

    location /api {
        proxy_pass http://localhost:8000;
        proxy_set_header Host $host;
    }
}

部署时的Shell替换脚本：

sed -e "s|{{PROJECT_ROOT}}|$(pwd)|g" nginx.conf.template > /etc/nginx/conf.d/myproject.conf

2. Docker统一管理 #

用Docker将Nginx配置、静态文件和服务端打包，所有配置文件可直接纳入仓库。

项目结构：

project/
├── dist/
├── nginx.conf
├── Dockerfile
└── docker-compose.yml

nginx.conf（容器内路径固定，无需绝对路径）：

server {
    listen 80;
    root /usr/share/nginx/html;
    index index.html;

    location /api {
        proxy_pass http://backend:8000;
        proxy_set_header Host $host;
    }
}

Dockerfile：

FROM nginx:alpine
COPY dist/ /usr/share/nginx/html/
COPY nginx.conf /etc/nginx/conf.d/default.conf

docker-compose.yml：

version: '3'
services:
  frontend:
    build: .
    ports:
      - "80:80"
  backend:
    image: your-backend-image
    ports:
      - "8000:8000"

部署时直接运行docker-compose up即可。

3. 相对路径+指定配置启动 #

如果项目与Nginx配置的相对位置固定，可直接用相对路径编写配置，启动时指定配置文件路径：

nginx.conf：

server {
    listen 80;
    root ../dist;
    index index.html;

    location /api {
        proxy_pass http://localhost:8000;
    }
}

启动命令：

nginx -c $(pwd)/nginx/nginx.conf

二、可纳入项目的替代方案 #

1. Caddy #

配置简洁，支持自动HTTPS，配置文件可直接用相对路径存入仓库。

示例Caddyfile：

:80 {
    root * ./dist
    file_server

    reverse_proxy /api http://localhost:8000
}

部署时下载Caddy二进制文件，运行caddy run即可。

2. Node.js自定义服务器 #

用Express结合反向代理中间件，代码完全可控，直接纳入仓库。

先安装依赖：

npm install express http-proxy-middleware

server.js：

const express = require('express');
const { createProxyMiddleware } = require('http-proxy-middleware');
const app = express();

// 静态文件服务
app.use(express.static('dist'));

// 反向代理
app.use('/api', createProxyMiddleware({
    target: 'http://localhost:8000',
    changeOrigin: true
}));

app.listen(80, () => {
    console.log('Server running on port 80');
});

启动命令：node server.js

3. Connect组合服务 #

用Connect框架组合静态文件服务和反向代理，轻量灵活：

安装依赖：

npm install connect serve-static http-proxy-middleware

server.js：

const connect = require('connect');
const serveStatic = require('serve-static');
const proxy = require('http-proxy-middleware');

const app = connect();

app.use('/api', proxy({ target: 'http://localhost:8000', changeOrigin: true }));
app.use(serveStatic('dist'));

app.listen(80);

内容的提问来源于stack exchange，提问作者rusluck