如何在Linux服务器上部署静态企业官网?

在 Linux 服务器上部署静态企业官网,推荐使用 Nginx(轻量、高性能)或 Apache。以下是基于 Nginx 的完整部署流程(适用于 Ubuntu/Debian/CentOS 等主流发行版):


✅ 一、准备工作

  1. 准备静态文件

    • 官网源码(HTML/CSS/JS/图片等),通常位于 index.html 入口。
    • 建议打包为 .tar.gz 或直接上传到服务器指定目录。
  2. 服务器要求

    • 已安装 Linux 系统(如 Ubuntu 22.04 / CentOS 7+)
    • 拥有 root 或 sudo 权限
    • 开放必要端口(默认 80/443)

🚀 二、安装 Nginx

▶ Ubuntu/Debian

sudo apt update
sudo apt install nginx -y
sudo systemctl enable nginx
sudo systemctl start nginx

▶ CentOS/RHEL

sudo yum install epel-release -y
sudo yum install nginx -y
sudo systemctl enable nginx
sudo systemctl start nginx

✅ 验证安装:访问 http://<服务器IP>,应看到 Nginx 默认欢迎页。


📁 三、部署网站文件

  1. 创建网站根目录(推荐 /var/www/html 或自定义路径)

    sudo mkdir -p /var/www/mycompany-site
    sudo chown -R $USER:$USER /var/www/mycompany-site
  2. 上传源码(方式任选其一):

    • 使用 scp 从本地传输:
      scp -r ./dist/* user@your-server:/var/www/mycompany-site/
    • 或使用 rsync、SFTP 工具(如 FileZilla)。
  3. 设置权限(确保 web 用户可读):

    sudo chown -R www-data:www-data /var/www/mycompany-site   # Ubuntu
    # 或
    sudo chown -R apache:apache /var/www/mycompany-site        # CentOS (若用 httpd)
    sudo chmod -R 755 /var/www/mycompany-site

⚙️ 四、配置 Nginx 站点

  1. 创建站点配置文件

    sudo nano /etc/nginx/sites-available/mycompany-site
  2. 填入以下内容(按需调整):

    server {
       listen 80;
       server_name yourdomain.com www.yourdomain.com;  # 替换为你的域名
    
       root /var/www/mycompany-site;
       index index.html index.htm;
    
       # 静态资源缓存优化
       location ~* .(jpg|jpeg|png|gif|ico|css|js)$ {
           expires 30d;
           add_header Cache-Control "public, immutable";
       }
    
       # SPA 路由支持(如 Vue/React 单页应用)
       location / {
           try_files $uri $uri/ /index.html;
       }
    
       # 安全头(可选但推荐)
       add_header X-Frame-Options "SAMEORIGIN" always;
       add_header X-Content-Type-Options "nosniff" always;
       add_header Referrer-Policy "strict-origin-when-cross-origin" always;
    }
  3. 启用站点并测试配置

    # 创建软链接(Ubuntu/Debian)
    sudo ln -s /etc/nginx/sites-available/mycompany-site /etc/nginx/sites-enabled/
    
    # 删除默认站点对比避免冲突
    sudo rm /etc/nginx/sites-enabled/default
    
    # 检查语法
    sudo nginx -t
    
    # 重载配置
    sudo systemctl reload nginx

🔒 五、(强烈推荐)启用 HTTPS(Let’s Encrypt)

# 安装 certbot
sudo apt install certbot python3-certbot-nginx -y   # Debian/Ubuntu
# 或
sudo yum install certbot python3-certbot-nginx -y   # CentOS

# 自动获取证书并配置
sudo certbot --nginx -d yourdomain.com -d www.yourdomain.com

✅ Certbot 会自动修改 Nginx 配置,添加 SSL 并重定向 HTTP → HTTPS。


🧪 六、验证部署

  1. 浏览器访问:

    • http://yourdomain.com
    • https://yourdomain.com(若已配 SSL)
  2. 检查关键点:

    • 页面正常加载?
    • 图片/CSS/JS 无 404?
    • 移动端适配?
    • SEO 基础标签(title, meta description)是否存在?

🛡️ 七、运维建议

项目 建议
备份 定期备份 /var/www/mycompany-site + Nginx 配置
监控 nginx -T 查日志;配合 fail2ban 防暴力破解
CDN 接入 Cloudflare/Aliyun CDN 提速静态资源
CI/CD 结合 GitHub Actions 实现自动构建→部署

需要我提供:

  • Docker 化部署方案?
  • 多语言版本(i18n)静态站结构示例?
  • 自动化脚本(一键部署.sh)?

欢迎告诉我你的具体需求,我可进一步定制方案!

未经允许不得转载:CLOUD云枢 » 如何在Linux服务器上部署静态企业官网?