当前位置: 首页 > news >正文

nginx配置静态资源的访问

比如静态资源图片位于/mnt/software/nginx/html/static/images目录下,那么nginx.conf中的配置则为:

    # 静态文件目录
      location /static/images/ {
        root    /mnt/software/nginx/html;
        try_files $uri $uri/ =404; #找不到时提示404
      }

当前端发起的请求地址中带有 /static/images/时,则到 /mnt/software/nginx/html目录下的子目录/static/images/进行查找,图片存储的绝对地址为:/mnt/software/nginx/html/static/images/文件名称。nginx会将它们组合起来,location部分配置的请求路径的地址,root配置的该地址在服务器哪个根目录下。

如果nginx使用的是docker运行,那么root中配置的地址必须是docker容器中nginx静态资源地址,而不是挂载的宿主机的地址。docker启动命令最好包含挂载地址。像下面的启动命令:

docker run -p 80:80 --name nginx \
-v /mydata/nginx/html:/usr/share/nginx/html \
-v /mydata/nginx/logs:/var/log/nginx \
-v /mydata/nginx/conf:/etc/nginx \
-d nginx:1.10

 可以在宿主机目录 /mydata/nginx/html目录下新建static文件夹存放静态资源如images,css。由于 /mydata/nginx/html对应docker里边nginx的/usr/share/nginx/html目录,会将资源同步到容器里边,此时nginx.conf配置静态资源访问时,只需添加如下代码:

# 静态文件目录
      location /static/images/ {
        root    /usr/share/nginx/html;
        try_files $uri $uri/ =404; #找不到时提示404
      }

而不是下面的配置:

# 静态文件目录
      location /static/images/ {
        root    /mydata/nginx/html;
        try_files $uri $uri/ =404; #找不到时提示404
      }

http://www.lryc.cn/news/495676.html

相关文章:

  • JS的魔法三角:constructor、prototype与__proto__
  • CA系统(file.h---申请认证的处理)
  • matlab显示sin二维图
  • 验证 kubelet 服务已经停止并且不再生成错误日志
  • 【Linux】进程控制-----进程替换
  • 安装SQL Server 2022提示需要Microsoft .NET Framework 4.7.2 或更高版本
  • 使用ECharts创建带百分比标注的环形图
  • 学习threejs,设置envMap环境贴图创建反光效果
  • go语言里的mkdir mkdirall有什么区别?
  • 使用Python OpenCV实现图像形状检测
  • 继上一篇,设置弹框次数以及自适应图片弹框,部分机型(vivo)老手机不显示的问题
  • 基于RISC-V 的代理内核实验(使用ub虚拟机安装基本环境)
  • 【MMKV】HarmonyOS中的优秀轻量化存储方式
  • docker安装hadoop环境
  • 开源多媒体处理工具ffmpeg是什么?如何安装?使用ffmpeg将M3U8格式转换为MP4
  • 算法刷题Day5: BM52 数组中只出现一次的两个数字
  • 55 基于单片机的方波频率可调
  • 23.useUnload
  • linux环境搭建
  • 《C++与生物医学的智能融合:医疗变革新引擎》
  • Matlab 绘制雷达图像完全案例和官方教程(亲测)
  • Lua的环境与热更
  • HTML CSS JS基础考试题与答案
  • 若依解析(一)登录认证流程
  • Redis设计与实现第17章 -- 集群 总结1(节点 槽指派)
  • 汽车控制软件下载移动管家手机控车一键启动app
  • 推荐几个可以免费下载网站模板的资源站
  • H3C OSPF实验
  • Vue框架开发一个简单的购物车(Vue.js)
  • Windows Terminal Solarized Dark 配色方案调整