nginx配置访问本地静态资源

使用 Nginx 配置访问本地静态资源相对简单，以下是一个基本的配置示例，适用于将静态文件（如 HTML、CSS、JavaScript 和图片）从本地目录提供给客户端。

1. 安装 Nginx

如果你还没有安装 Nginx，可以通过以下命令安装：

• Ubuntu/Debian:

  sudo apt update
  sudo apt install nginx
  

• CentOS:

  sudo yum install epel-release
  sudo yum install nginx
  

2. 配置 Nginx

打开 Nginx 配置文件，通常位于 /etc/nginx/nginx.conf 或 /etc/nginx/sites-available/default（具体路径根据你的系统而异）。

sudo nano /etc/nginx/sites-available/default

3. 基本配置示例

以下是一个简单的配置示例，用于访问本地静态资源。假设你的静态文件位于 /var/www/html 目录下。

server {
    listen 80;  # 监听 80 端口
    server_name localhost;  # 服务器名称

    location / {
        root /var/www/html;  # 静态资源目录
        index index.html index.htm;  # 默认首页文件
        try_files $uri $uri/ =404;  # 尝试找到文件，找不到返回 404
    }

    # 处理其他类型的静态资源
    location ~* \.(css|js|jpg|jpeg|png|gif|ico|svg|woff|woff2)$ {
        expires 30d;  # 设置缓存过期时间
        access_log off;  # 关闭访问日志
    }
}

4. 创建静态资源目录

确保你的静态资源目录存在并且 Nginx 有权限访问：

sudo mkdir -p /var/www/html
sudo chown -R www-data:www-data /var/www/html

将你的静态文件（如 index.html）放入该目录。

5. 检查 Nginx 配置并重启

检查配置文件是否正确：

sudo nginx -t

如果没有错误，重启 Nginx：

sudo nginx -t

6. 访问静态资源

打开浏览器，访问 http://localhost，应该可以看到你的静态资源（如 index.html）被正确加载。

7. 防火墙配置（可选）

如果你使用防火墙（如 UFW），确保允许 HTTP 流量：

sudo ufw allow 'Nginx Full'

总结

以上就是使用 Nginx 配置访问本地静态资源的基本步骤