使用Nginx模拟搭建一个图片资源服务器

简介

实际的项目开发中，静态资源通常都是放在单独的服务器上，使用CDN优化访问速度。在开发环境中搭建一个静态资源的服务器，模拟真实的生产环境。

搭建流程

1.安装Nginx

由于作者用的是macOS，所以这里以macOS为主。Windows系统的读者可以自行搜索，安装教程也比较简单。

brew install nginx

在macOS中推荐用brew管理各类开发的环境和依赖，比较方便。

2.创建静态服务器配置文件

通过brew安装的Nginx的配置文件位置在/usr/local/etc/nginx

在/usr/local/etc/nginx/servers目录下创建fileser.conf的配置文件，填入如下配置：

server {
        listen        80;
        server_name  file.consumer.com;
        root   "/tmp/files/";

        location / {
          
        }
}

这里只需要按需更改server_name和root两个配置。其中server_name是将要访问使用的域名，root是静态资源文件在本机的位置。

3.添加hosts

因为上面配置的域名是自定义的，直接访问无法定位到本机的资源，所以修改本机的hosts文件，将自定义的域名解析到本机。

sudo vim /etc/hosts

在hosts文件尾添加

127.0.0.1       file.consumer.com

4.重启Nginx

nginx -s reload

修改完Nginx的配置需要重新启动Nginx服务，这样新的Nginx进程才能使用最新修改的配置文件内容

5.测试访问

以我本机的图片为例

本机静态资源服务目录的文件

访问效果

补充

查看brew已安装的其他软件信息

如查看已安装的Nginx信息，使用下面的命令可以显示当时安装成功时brew输出的信息。一般会包括相关的配置文件目录、软件目录等

brew info nginx