“只放官网静态页面的服务器配置”通常指的是将一个网站的前端静态资源(如 HTML、CSS、JavaScript、图片等)部署在服务器上,并通过 Web 服务器(如 Nginx、Apache)提供访问服务。由于只包含静态内容,不需要后端语言(如 PHP、Python、Node.js)或数据库支持,因此配置简单、安全且高效。
以下是针对“仅部署官网静态页面”的常见服务器配置方案:
✅ 一、推荐技术栈
- Web 服务器:Nginx(最常用)、Apache、Caddy
- 操作系统:Linux(Ubuntu/CentOS)
- 部署方式:直接托管静态文件
- 无需:数据库、应用服务器、动态语言环境
✅ 二、Nginx 配置示例(推荐)
1. 安装 Nginx(以 Ubuntu 为例)
sudo apt update
sudo apt install nginx -y
2. 准备静态文件
假设你的官网静态文件放在:
/var/www/html/
├── index.html
├── css/
├── js/
├── images/
确保文件权限正确:
sudo chown -R www-data:www-data /var/www/html
sudo chmod -R 755 /var/www/html
3. Nginx 配置文件(/etc/nginx/sites-available/default 或新建站点)
server {
listen 80;
server_name www.yourcompany.com yourcompany.com;
root /var/www/html;
index index.html;
# 防止访问目录列表
autoindex off;
# 所有请求都尝试作为文件处理,否则返回 index.html(用于单页应用 SPA)
location / {
try_files $uri $uri/ =404;
}
# 可选:设置静态资源缓存
location ~* .(jpg|jpeg|png|gif|ico|css|js)$ {
expires 1y;
add_header Cache-Control "public, immutable";
}
# 安全:禁止访问隐藏文件(如 .htaccess, .git)
location ~ /. {
deny all;
}
}
4. 测试并重启 Nginx
sudo nginx -t # 检查配置是否正确
sudo systemctl reload nginx
✅ 三、绑定域名与 HTTPS(可选但推荐)
1. 使用 Let’s Encrypt 免费 SSL 证书(Certbot)
sudo apt install certbot python3-certbot-nginx -y
sudo certbot --nginx -d yourcompany.com -d www.yourcompany.com
Certbot 会自动修改 Nginx 配置,启用 HTTPS 并设置自动续期。
✅ 四、其他部署方式(替代 Nginx)
方式1:使用 Apache
<VirtualHost *:80>
ServerName yourcompany.com
DocumentRoot /var/www/html
<Directory /var/www/html>
Options -Indexes +FollowSymLinks
AllowOverride None
Require all granted
</Directory>
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>
方式2:使用云服务(更简单)
- 阿里云 OSS + CDN + 自定义域名
- 腾讯云 COS + 静态网站托管
- AWS S3 + CloudFront
- Vercel / Netlify / GitHub Pages(适合开发者)
这些平台支持一键部署静态页面,自带 HTTPS 和全球提速。
✅ 五、安全建议
- 禁用目录浏览
- 设置合理缓存头
- 隐藏服务器版本号(Nginx 中加
server_tokens off;) - 使用 HTTPS
- 定期更新系统和软件
✅ 总结:最小化配置要点
| 项目 | 建议 |
|---|---|
| Web 服务器 | Nginx |
| 根目录 | /var/www/html |
| 默认首页 | index.html |
| 是否需要后端 | 否 |
| 是否需要数据库 | 否 |
| 是否启用 HTTPS | 强烈建议 |
| 部署方式 | 文件拷贝 + Nginx 托管 |
如果你提供具体的框架(如 Vue、React、纯 HTML)或部署平台(本地服务器、云主机、OSS 等),我可以给出更精确的配置方案。
云服务器