通过配置nginx访问服务器静态资源的过程

 更新时间:2025年08月08日 15:08:05   作者:三级码农666  
文章介绍了图片存储路径设置、Nginx服务器配置及通过http://192.168.206.170:8007/a.png访问图片的方法,涵盖图片管理与服务部署的核心步骤

1.图片存储路径

2.nginx配置

	server {
		listen       8006; 		 #前端访问端口
		server_name  127.0.0.1;
		client_max_body_size 200M;
	
		location / {
		    add_header Access-Control-Allow-Origin *;
			add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
			add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-					Modified-Since,Cache-Control,Content-Type,Authorization';
	
			if ($request_method = 'OPTIONS') {
				return 204;
			}
			root /usr/local/huahua/xmgls/uploadData/;	#静态资源存放路径
			add_header Cache-Control no-cache;
			index  index.html;
			expires 1h;
	    }
		
		#location ^~ .*\.(js|css|ico|png|jpg|eot|svg|ttf|woff|html|txt|pdf|) {
		#	root /usr/local/huahua/xmgls/upload/;
		#	add_header Cache-Control no-cache;
		#	expires 1h;
	   # }
	
		location ~ ^/api/ {      映射到后端访问端口
			proxy_set_header   x-forwarded-for  $remote_addr;
			proxy_set_header   x-forwarded-proto  $http_x_forwarded_proto;
			proxy_set_header host $host;
			proxy_pass http://127.0.0.1:8007;
			proxy_read_timeout 120s;
	    }
	
		error_page   500 502 503 504  /50x.html;
		location = /50x.html {
			root   html;
		}
	}

3.访问图片方式

http://192.168.206.170:8007/a.png

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 使用nginx同域名下部署多个vue项目并使用反向代理的方法

    使用nginx同域名下部署多个vue项目并使用反向代理的方法

    这篇文章主要介绍了使用nginx同域名下部署多个vue项目并使用反向代理的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • Nginx下载、安装与使用图文教程

    Nginx下载、安装与使用图文教程

    Nginx是一个高性能的HTTP和反向代理服务器,支持IMAP/POP3/SMTP服务,本文介绍了Nginx的下载、安装、启动和关闭方法,包括Windows版和Linux版(CentOS下)的详细步骤,需要的朋友可以参考下
    2024-11-11
  • Nginx配置https脚本实例

    Nginx配置https脚本实例

    这篇文章主要为大家介绍了Nginx配置https脚本实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • 一文详解Nginx日志的查找与分析技巧

    一文详解Nginx日志的查找与分析技巧

    在维护 Web 服务器时,Nginx 就像一位沉默的守门人,它通常运行得非常稳定,但一旦出现 502 Bad Gateway 或页面加载缓慢时,很多新手面对黑底白字的终端会感到迷茫,本文将带你快速掌握 Nginx 日志的查找与分析技巧,助你从容应对服务器故障,需要的朋友可以参考下
    2025-12-12
  • Nginx解决vue项目服务器部署及跨域访问后端详解

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

    跨域问题在前后端分离项目很常见,至于为什么会跨域,同源策略,百度各种博客都很详细,这里不再介绍,这篇文章主要给大家介绍了关于Nginx解决vue项目服务器部署及跨域访问后端的相关资料,需要的朋友可以参考下
    2022-11-11
  • 详解Nginx服务器中配置Sysguard模块预防高负载的方案

    详解Nginx服务器中配置Sysguard模块预防高负载的方案

    这篇文章主要介绍了详解Nginx服务器中配置Sysguard模块预防高负载的方案,该模块由阿里巴巴的团队开发,能够设置负载阀值,比较强大,需要的朋友可以参考下
    2016-01-01
  • Nginx源码编译安装全过程

    Nginx源码编译安装全过程

    Nginx是一个高性能的HTTP和反向代理服务器,具有异步非阻塞机制和轻量级的特点,它适用于多种场景,如Web网站服务、虚拟主机、反向代理、负载均衡和Web缓存服务器,Nginx的配置简洁,使用方便,具有较高的稳定性和抗并发能力
    2026-01-01
  • nginx 平滑重启的实现方法

    nginx 平滑重启的实现方法

    这篇文章主要介绍了nginx 平滑重启的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • nginx中gzip_types匹配content-type的方式

    nginx中gzip_types匹配content-type的方式

    这篇文章主要介绍了nginx中gzip_types匹配content-type的方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-05-05
  • nginx status状态页配置方法和中文说明

    nginx status状态页配置方法和中文说明

    这篇文章主要介绍了nginx status状态页配置方法和中文说明,重点在配置例子和status的中文说明,需要的朋友可以参考下
    2014-06-06

最新评论