热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

配置Nginx以在线访问图片资源

本文介绍了如何在Ubuntu16.04系统上配置Nginx服务器,以便能够通过网络访问存储在服务器上的图片资源。这解决了在网页开发中需要使用自定义在线图标的需求。
在进行网页开发时,有时会遇到需要添加自定义图标的情况,但这些图标必须是在线资源而非本地文件。为了实现这一需求,可以通过配置Nginx来提供在线访问服务器上存储的图片。

### 连接至Linux服务器
首先,确保您的Ubuntu 16.04服务器已开启22端口并启用了SSH服务。您可以使用如PuTTY等工具来连接服务器,用于执行必要的命令。登录后,通过以下命令编辑Nginx的配置文件:
```bash
sudo nano /etc/nginx/sites-available/default
```
在这个文件中,您将看到Nginx的基本配置选项,包括监听端口、SSL设置以及默认的服务器名称等。

### 配置图片访问
为了让Nginx能够正确处理图片请求,需要在配置文件中添加特定于图片的处理规则。在文件末尾添加如下配置:
```nginx
location ~* \.(gif|jpg|jpeg|png)$ {
expires 24h;
root /var/www/html/; # 图片存放目录
access_log /usr/local/websrv/nginx-1.9.4/logs/images.log; # 日志文件路径
proxy_store on;
proxy_store_access user:rw group:rw all:rw;
proxy_temp_path /var/www/html;
proxy_redirect off;
proxy_set_header Host 127.0.0.1;
client_max_body_size 10m;
client_body_buffer_size 1280k;
proxy_connect_timeout 900;
proxy_send_timeout 900;
proxy_read_timeout 900;
proxy_buffer_size 40k;
proxy_buffers 40 320k;
proxy_busy_buffers_size 640k;
proxy_temp_file_write_size 640k;
if (!-e $request_filename) {
proxy_pass http://127.0.0.1;
}
}
```
确保您的图标文件已经上传到指定的文件夹中。可以使用WinSCP等工具进行文件传输。

### 测试配置
完成上述步骤后,保存配置文件并重启Nginx服务以应用更改:
```bash
sudo systemctl restart nginx
```
现在,您可以通过浏览器访问`http://您的服务器IP/图片路径`来查看图片是否能正常加载。例如,如果您的图片位于`/var/www/html/images/logo.png`,则可以通过`http://000.000.000.000/images/logo.png`访问(请将`000.000.000.000`替换为您的实际服务器IP地址)。
推荐阅读
author-avatar
手机用户2602901573
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有