nginx配置访问图片路径以及html静态页面的调取方法

给大家讲一个快速配置nginx访问图片地址,以及访问html静态页面的配置。

1.实验环境

首先随便某个路径下创建相应的目录。如图下

2.在里面放自定义的html或者图片。

3.nginx配置

user root;
worker_processes 1;  

#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;  

#pid    logs/nginx.pid;  

events {
  worker_connections 1024;
}  

http {
  include    mime.types;
  default_type application/octet-stream;  

  log_format main '$remote_addr - $remote_user [$time_local] "$request" '
           '$status $body_bytes_sent "$http_referer" '
           '"$http_user_agent" "$http_x_forwarded_for"';  

  access_log logs/access.log main;  

  sendfile    on;
  #tcp_nopush   on;  

  #keepalive_timeout 0;
  keepalive_timeout 65;  

  #gzip on;  

  server {
    listen    80;#端口号
    server_name localhost;#本机  

    charset utf-8;  

    #access_log logs/host.access.log main;  

  location ~ .*\.(gif|jpg|jpeg|png)$ {
    expires 24h;
      root /home/images/;#指定图片存放路径
      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     /home/images/;#图片访问路径
      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;#默认80端口
      }
  }   

    location / {
      root  /home/html; #html访问路径
      index index.html index2.htm; #html文件名称 

    } 

    error_page 404       /404.html; </span> 

4.查看编译是否有出错,如果没出错则设置成功。

5.访问nginx则能访问到访问的图片地址。

6.访问自定义html时。

成功。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • 轻松创建nodejs服务器(10):处理上传图片

    本节我们将实现,用户上传图片,并将该图片在浏览器中显示出来. 这里我们要用到的外部模块是Felix Geisendörfer开发的node-formidable模块.它对解析上传的文件数据做了很好的抽象. 要安装这个外部模块,需在cmd下执行命令: 复制代码 代码如下: npm install formidable 如果输出类似的信息就代表安装成功了: 复制代码 代码如下: npm info build Success: formidable@1.0.14 安装成功后我们用request将其引入

  • 解决jsp页面使用网络路径访问图片的乱码问题

    使用jsp页面展示网络路径的图片出现乱码问题,如图:  需要在tomcat的server.xml配置文件中添加一个属性:URIEncoding="UTF-8" ,修改之后为: 复制代码 代码如下: <Connector port="8080" protocol="HTTP/1.1" maxThreads="150" connectionTimeout="20000" redirectPort=&quo

  • Asp.Net二级域名共享Forms身份验证、下载站/图片站的授权访问控制

    一般大家对小文件的解决办法是直接在服务端读取文件,然后输出,这样就避免了文件地址的暴露,这是一种解决办法.而我现在想说的是使用 TransmitFile 方法直接输出文件,但是这个方法对大文件的支撑力度有多少,以及会带来多大的性能开销,我还没有测试过,有兴趣的朋友可以测试下,并发表评论. 好了,进入正题,一般对下载站,大家想到的就是流量的问题,所以自动就想到应该把文件与程序代码分开部署.所以我给文件单独做了一个二级域名,我们就叫 file.xxx.com 吧.主网站域名就是 www.xxx.co

  • nodejs和php实现图片访问实时处理

    我在访问时光网.网易云音乐等网站时,发现将它们页面中的一些图片URL修改一下就可以得到不同尺寸的图片,于是思考了其实现方案,我的思路是:URL Rewrite + 实时处理 + 缓存,对用户请求的URL进行重写,然后利用图片处理类库对图片进行处理,接着缓存该尺寸图片并输出到浏览器.使用PHP和Node.js实现了一遍,基本达到了需要的效果. 1.Nginx+Node.js(express)实现 URL重写 这里Nginx主要是做一个URL重写和反向代理的功能,配置如下所示: location ~

  • php如何控制用户对图片的访问 PHP禁止图片盗链

    把images目录设置成不充许http访问(把图片目录的:读取.目录浏览 两个权限去掉). 用一个PHP文件,直接用file函数读取这个图片.在这个PHP文件里进行权限控制. apache环境中,在你的图片目录中加上下面这个文件即可. 文件名 .htaccess 文件内容如下 复制代码 代码如下: # options the .htaccess files in directories can override. # Edit apache/conf/httpd.conf to AllowOve

  • PHP在Windows IIS上传的图片无法访问的解决方法

    PHP在Windows IIS上传的图片无法访问的解决方法 首先登录到网站后台进行了测试发现上传的图片在确实浏览器打不开且出现了无法访问的错误信息:" 401 - 未 授权: 由于凭据无效,访问被拒绝." 然后又测试了该服务器上其他几个php项目发现也出现了一样的错误: 图片上传成功,但浏览器没有权限访问. 因为测试的几个php系统是不一样的,有thinkphp,wordpress,百度ueditor编辑器. 所以这几个系统同时出现问题的概率实在是太小了,所以基本上排除了程序的bug,

  • js 利用image对象实现图片的预加载提高访问速度

    大量采用高解析度的图像的确可以让一个Web站点容光焕发.但同样也会造成站点访问速度下降--图片是文件,文件就要占用带宽,而带宽直接同访问等待时间相关.现在,让我们来学习一种名为图像预装载(image preloading)的小技巧来提高图像访问速度. 一些浏览器试图通过在本地缓存中保存这些图片来解决此问题.这样一来可以顺序调用这些图片--但对于首次使用这些图片的时候仍然会存在延时.预装载就是一种在需要图片之前就将图片下载到缓存的技术.采用这样的方式可以使当确实需要显示图片时迅速将其从缓存中恢复回

  • Android互联网访问图片并在客户端显示的方法

    本文实例讲述了Android互联网访问图片并在客户端显示的方法.分享给大家供大家参考,具体如下: 1.布局界面 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:

  • SpringMVC上传图片与访问

    关于springmvc上传图片的方法小编给大家整理了两种方法,具体内容如下所示: 第一种:(放在该项目下的物理地址对应的位置) a. 路径写法: String basePath="/WEB-INF/resources/upload"; String filePathName= request.getSession().getServletContext().getRealPath(basePath);存放路径 b. 实际路径: D:\WorkSpace\.metadata\.plugi

  • 使用AngularJS 应用访问 Android 手机的图片库

    Download angularjs.zip- 4.5 KB 介绍 这篇文章来说明如何使用AngularJs调用android Apps暴露的REST APIS来访问图像库. 背景 Android和IOS 有很多远程访问的app,但是开发者缺少远程访问手机特征的API.因此,myMoKit的开发是用来填补软件解决方案的缺陷的. 使用代码 使用代码是很简单的,你只要通过web URL 引用myMoKit 服务,你就可以看见所有暴露的REST API了 这些在手机里面的API列表和流媒体.通过Ang

随机推荐