利用nginx搭建静态资源服务器的方法步骤

发布时间：2024/02/10

下面是利用nginx搭建静态资源服务器的方法步骤的完整攻略。

1. 安装nginx

在Ubuntu系统上，可以使用apt包管理器来安装nginx。打开终端，并执行以下命令：

sudo apt update
sudo apt install nginx

nginx的默认根目录在/var/www/html，所有静态文件可以存放在这个目录下。可以在此基础上进行配置，进行高级功能的设置，如HTTP代理，SSL/TLS等。

为了添加自定义目录，我们需要打开nginx的默认配置文件。打开终端，并执行以下命令：

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

在配置文件中，查找默认根目录设置，并添加自定义目录。比如我们要添加一个静态资源目录，路径为/home/user/static，则在配置文件的server部分添加以下代码段：

location /assets/ {
    root /home/user/static;
}

其中location表示匹配的URL路径，在本例中是/assets/，root表示文件系统上对应的目录路径，即/home/user/static。这样，所有以/assets/开头的请求将会在/home/user/static目录中查找相应的文件。

完成配置后，使用以下命令启动nginx服务器：

sudo systemctl start nginx

# 4. 示例说明

### 示例1：在Ubuntu系统上，将/var/www/html目录下的文件作为静态资源

在默认情况下，/var/www/html是nginx的默认根目录。这意味着，我们可以将静态资源文件放到这个目录下，并在浏览器中通过nginx服务器访问这些文件。

我们将本地文件夹中的index.html和style.css文件复制到/var/www/html目录下。在浏览器中输入服务器的IP地址或域名，即可查看这些文件的内容。

### 示例2：在Ubuntu系统上，将自定义静态资源文件夹作为nginx的根目录

我们可以在Ubuntu系统上创建一个自定义静态资源目录，然后将这个目录作为nginx服务器的根目录。

执行以下命令，创建一个名为static的目录，然后将index.html和style.css复制到该目录下：

mkdir ~/static
cp index.html ~/static/
cp style.css ~/static/

然后，我们需要配置nginx服务器。打开nginx配置文件，并添加以下代码段：

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /home/user/static;
    index index.html;

    server_name _;
}

上述代码会将/home/user/static目录作为nginx服务器的根目录，并且将index.html设置为默认文件。在浏览器中输入服务器的IP地址或域名，即可查看这些文件的内容。

以上就是利用nginx搭建静态资源服务器的方法步骤的完整攻略，包括安装nginx、配置服务器、启动nginx服务器以及两个示例说明。