如何在nginx中配置静态资源_运维文库_资讯中心

发布时间:2026-04-26 17:21:27

阅读量:4

在Nginx中配置静态资源主要涉及以下几个步骤：

安装Nginx：如果你还没有安装Nginx，可以参考官方文档进行安装。以下是在Ubuntu上的安装示例：
```
sudo apt update
sudo apt install nginx
```
配置静态资源目录：假设你的静态资源（如HTML、CSS、JavaScript文件、图片等）存放在/var/www/html/static目录下。

编辑Nginx配置文件： Nginx的主配置文件通常位于/etc/nginx/nginx.conf，但为了更好地管理，建议使用sites-available和sites-enabled目录。

创建一个新的配置文件：

sudo nano /etc/nginx/sites-available/static-site

在配置文件中添加以下内容：

server {
    listen 80;
    server_name example.com;  # 替换为你的域名或IP地址

    root /var/www/html/static;  # 静态资源目录
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }

    # 配置其他静态资源目录（可选）
    location /css/ {
        alias /var/www/html/static/css/;
    }

    location /js/ {
        alias /var/www/html/static/js/;
    }

    location /images/ {
        alias /var/www/html/static/images/;
    }
}

保存并退出编辑器。

启用配置：创建一个符号链接将配置文件链接到sites-enabled目录：
```
sudo ln -s /etc/nginx/sites-available/static-site /etc/nginx/sites-enabled/
```
测试配置：在重新加载Nginx之前，先测试配置文件是否有语法错误：
```
sudo nginx -t
```
重新加载Nginx：如果配置文件没有问题，重新加载Nginx以应用更改：
```
sudo systemctl reload nginx
```
访问静态资源：打开浏览器，访问你的服务器地址（例如http://example.com），你应该能够看到静态资源。

示例目录结构

/var/www/html/
├── static/
│   ├── css/
│   │   └── style.css
│   ├── js/
│   │   └── script.js
│   ├── images/
│   │   └── logo.png
│   └── index.html