通过配置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项目并使用反向代理的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2019-02-02
详解Nginx服务器中配置Sysguard模块预防高负载的方案
这篇文章主要介绍了详解Nginx服务器中配置Sysguard模块预防高负载的方案,该模块由阿里巴巴的团队开发,能够设置负载阀值,比较强大,需要的朋友可以参考下2016-01-01
nginx中gzip_types匹配content-type的方式
这篇文章主要介绍了nginx中gzip_types匹配content-type的方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-05-05


最新评论