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

 更新时间:2016年12月07日 09:25:28   作者:蒋金楠  
这篇文章主要介绍了详解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时。

成功。

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

相关文章

  • Nginx 解决WebApi跨域二次请求以及Vue单页面的问题

    Nginx 解决WebApi跨域二次请求以及Vue单页面的问题

    下面小编就为大家分享一篇Nginx 解决WebApi跨域二次请求以及Vue单页面的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Nginx upstream的5种权重分配方式分享

    Nginx upstream的5种权重分配方式分享

    Nginx upstream的5种权重分配方式分享,需要的朋友可以参考下
    2012-09-09
  • Nginx配置location匹配顺序详细总结

    Nginx配置location匹配顺序详细总结

    这篇文章主要介绍了Nginx配置location匹配顺序详解,Nginx是十分轻量级的HTTP服务器,Nginx凭借其稳定性、低资源消耗、简单配置和丰富的功能,从十多年前名不见经传的Web服务器软件,发展到如今能够跟Apache匹敌的地位,需要的朋友可以参考下
    2023-08-08
  • Nginx解决vue项目服务器部署及跨域访问后端详解

    Nginx解决vue项目服务器部署及跨域访问后端详解

    跨域问题在前后端分离项目很常见,至于为什么会跨域,同源策略,百度各种博客都很详细,这里不再介绍,这篇文章主要给大家介绍了关于Nginx解决vue项目服务器部署及跨域访问后端的相关资料,需要的朋友可以参考下
    2022-11-11
  • Nginx七层及四层反向代理配置的全过程

    Nginx七层及四层反向代理配置的全过程

    反向代理是以代理服务器来接受internet连接请求,然后再把请求转发给另外的服务器,下面这篇文章主要给大家介绍了关于Nginx七层及四层反向代理配置的相关资料,需要的朋友可以参考下
    2022-03-03
  • nginx配置缓存关闭的实现

    nginx配置缓存关闭的实现

    本文将介绍nginx缓存关闭,以及配置的具体步骤和示例,通过调整Nginx的配置文件,可以确保浏览器不会缓存网站的内容,从而提高网站的安全性和性能
    2023-10-10
  • nginx中斜杠(/)详解

    nginx中斜杠(/)详解

    本文主要介绍了nginx中斜杠(/)详解,配置location、proxy_pass时,加“/”与不加“/”的区别,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • nginx动态添加访问白名单的方法

    nginx动态添加访问白名单的方法

    本篇文章主要介绍了nginx动态添加访问白名单的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • CentOS下编译、安装与配置nginx

    CentOS下编译、安装与配置nginx

    nginx可以使用各平台的默认包来安装,本文是介绍使用源码编译安装与配置,希望对大家熟悉nginx能够有所帮助。
    2016-06-06
  • Nginx实现分端口部署两个或多个项目的教程

    Nginx实现分端口部署两个或多个项目的教程

    这篇文章主要为大家详细介绍了Nginx实现分端口部署两个或多个项目的相关教程,其中包含了反向代理配置,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-10-10

最新评论