搭建nginx访问本地已经存在的图片

需求:能够使用 http://localhost/目录/图片名 访问本地(服务器)已经存在的图片

第一步

本地下载nginx服务:http://nginx.org/en/download.html 根据自己的需要下载相应的版本,下载的是一个压缩包

第二步

将压缩包解压在全英文的目录中,不然会有报错: (1113: No mapping for the Unicode character exists in the target multi-byte code page)这个错误

第三步

首先需要在本地将nginx跑起来,这里使用默认端口80; 启动nginx; windows下的nginx命令:首先是cmd命令模式进入nginx目录, 启动:start nginx.exe; 加载最新配置:./nginx.exe -s reload; 停止:./nginx.exe -s quit 如果检查是否已启动,可查看nginx目录下的logs文件下是否有nginx.pid文件,有则表示成功启动。 若没有可以查看logs目录下的error.log错位日志,会提醒你出错的地方。

在浏览器使用http://localhost看到下面的界面证明nginx启动正常。

第四步

下面需要修改nginx.conf来实现直接使用http://localhost/upload/1.jpg访问服务器的图片的功能(这里本地就是服务器)。

目前我已知的nginx支持的有两种:1、配置root,2、配置alias

本地测试的图片放在nginx目录的html文件夹下面

第一种:

root:会网访问url后面拼接配置的路径

配置实例如下:

location /images/ {
          
   
    root html;
    index  index.html index.htm; 
 }

对于这种配置,直接访问http://localhost/images/1.jpg即可访问到images文件夹下的图片。

(访问路径会被指向http://localhost/html/images/1.jpg)

第二种:

alias:直接指向目标文件的物理地址。

配置实例如下:

location /upload/ {
          
   
    alias E:/ljdworkspace/nginx-1.12.2/nginx-1.12.2/html/images/;
    autoindex on;
 }

对于这种配置,直接访问http://localhost/upload/1.jpg 即可访问到E盘指定目录下的images文件夹里的图片。

以上配置完成 静态文件服务器也就ok了直接访问http://localhost/upload/就可以看到下面的图

经验分享 程序员 微信小程序 职场和发展