首页 > 系统相关 >关于静态文件目录与模板引用和Nginx location块的适配设置

关于静态文件目录与模板引用和Nginx location块的适配设置

时间:2024-07-16 21:19:52浏览次数:14  
标签:文件目录 静态 适配 app1 blog static location parallel

项目配置文件内关于静态文件的设置项

# 静态文件的 URL 前缀
STATIC_URL = '/static/'

# 项目根目录的静态文件目录
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
    os.path.join(BASE_DIR, 'parallel/static'),
    os.path.join(BASE_DIR, 'blog/static'),
    os.path.join(BASE_DIR, 'app1/static'),
]

# 静态文件的根目录(用于 collectstatic 命令)
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
# 一般用于在生产环境中使用命令`python manage.py collectstatic`将所有静态文件统一收集到`staticfiles`

模板文件中引用静态文件的格式

	{% load static %}
    <img src="{% static 'app1/img/carousel/平行世界.jpg' %}" alt="平行世界" class="d-block w-100 ">

真实文件路径

/home/lyh/aipw/app1/static/app1/img/carousel/平行世界.jpg

项目文件的目录结构

project_root/
├── static/
├── parallel/
│   └── static/
│          └──parallel/
│                    └──img/parallel-logo.png
├── blog/
│   └── static/
│          └──blog/
│                └──img/blog-logo.png
└── app1/
    └── static/
│          └──app1/
│                └──img/app1-logo.png

在生产环境中,Nginx的配置参考如下

location /static/ {
                alias /home/lyh/aipw/static/;

        }

        location /static/app1/ {
                alias /home/lyh/aipw/app1/static/app1/;
        }

        location /static/blog/ {
                alias /home/lyh/aipw/blog/static/blog/;
        }

        location /static/parallel/ {
                alias /home/lyh/aipw/parallel/static/parallel/;
        }

标签:文件目录,静态,适配,app1,blog,static,location,parallel
From: https://www.cnblogs.com/aiparallelworld/p/18306141

相关文章

  • pnpm错误, ERR_PNPM_UNEXPECTED_STORE  Unexpected store location
    背景 ERR_PNPM_UNEXPECTED_STORE UnexpectedstorelocationThedependenciesat"C:\Users\acer\Code\Nuxt3\init\node_modules"arecurrentlylinkedfromthestoreat"C:\Users\acer\.hvigor\caches\v3".pnpmnowwantstousethe......
  • Flutter 底部(手势条)和顶部导航栏沉浸适配多主题
    适配原理顶部导航栏和状态栏沉浸实现比较简单,设置Scaffold的AppBar背景色即可,其中surfaceTintColor可以设置IOS滑动之后状态栏颜色,不想要显示顶部导航栏高度设置toolbarHeight:0,阴影设置elevation:0。@overrideWidgetbuild(BuildContextcontext){varbg=Theme.of(cont......
  • DedeCMS模板目录的文件目录结构
    templets ┣━default·······································默认模板目录 ┃   ┣━style·······································模板CSS样式目录 ┃   ┣━js··......
  • 前端大屏适配方案汇总
    ......
  • JAVA设计模式>>结构型>>适配器模式
    本文介绍23种设计模式中结构型模式的适配器模式目录1. 适配器模式1.1 基本介绍1.2 工作原理 1.3  适配器模式的注意事项和细节1.4  类适配器模式1.4.1 类适配器模式介绍1.4.2 应用实例 1.4.3注意事项和细节1.5 对象适配器模式1.5.1 基本介绍1......
  • java 生成mapbox-gl 可以直接使用的雪碧图,包含对应json,图片大小无限制自动适配
    1、文件路径配置sprite-path:/home/mapplate/sprite/2、实现类packagecom.shgis.service.impl;/***CreatedbyAdministratoron2021/10/9.*/importcom.alibaba.fastjson.JSONObject;importcom.shgis.config.FileProperties;importcom.shgis.entity.Ebuf......
  • C# 适配大华TM-F条码秤
    背景大华条码秤(TM-F),使用了自己的私有协议。在对接过程中,将PLU信息部分的转义和解析进行了封装。基础信息首先,为适配将来更多的条码秤,抽象PLU的基本信息作为基类。基类为充血模型,包含了信息转报文和报文解析信息的方法。publicclassBasePLU{///<summary>///......
  • 学习ArkTS遇到的的兼容与适配案例
    案例相册选择的API(如下)在Mate30上无法支持letphotoPicker=newpicker.PhotoViewPicker();photoPicker.select({}).then(()=>{});虽然在2024/06Mate30的系统已经可以更新到4.2版本但是仍旧无法使用此API,然而同是麒麟990芯片的P40是可以正常执行的官......
  • pip is configured with locations that require TLS/SSL, however the ssl module in
    使用Ubuntu16.04(已内置python2.7)安装python3.10之后,再使用pip3安装包的时候总是报错:WARNING:pipisconfiguredwithlocationsthatrequireTLS/SSL,howeverthesslmoduleinPythonisnotavailable.Lookinginindexes:https://pypi.tuna.tsinghua.edu.cn/simpleRequi......
  • 设计模式探索:适配器模式
    1.适配器模式介绍1.1适配器模式介绍适配器模式(adapterpattern)的原始定义是:将一个类的接口转换为客户期望的另一个接口,适配器可以让不兼容的两个类一起协同工作。适配器模式的主要作用是把原本不兼容的接口,通过适配修改做到统一,使得用户方便使用。比如,万能充电器和多......