Django 无法加载静态文件(js,css,image)解决办法

12.Django中静态文件的引用 阅读详情

原因:django部署方式比较特别,采用静态文件路径:STATICFILES_DIRS的部署方式,之前你写的相对路径,绝对路径因为缺少静态文件路径而全部失效

可以参考这篇文章:
http://www.cnblogs.com/pyfreshman/p/5046887.html

但完全按照他的方法仍旧没有解决我的问题,但我觉得思路是对的,可能在细节上出了点错误,果不其然,是配置STATIC_ROOT时,路径不对,正确方法如下:
步骤1:在settings.py文件的最后加上以下内容:
STATIC_URL = ‘/static/’
#其中BASE_DIR在该文件的前面已经定义了
STATIC_ROOT = os.path.join(BASE_DIR,’static’)
# 设置图片等静态文件的路径
STATICFILES_DIRS = (
(‘css’,os.path.join(STATIC_ROOT,’css’).replace(‘\’,’/’) ),
(‘js’,os.path.join(STATIC_ROOT,’js’).replace(‘\’,’/’) ),
(‘images’,os.path.join(STATIC_ROOT,’images’).replace(‘\’,’/’) ),
(‘upload’,os.path.join(STATIC_ROOT,’upload’).replace(‘\’,’/’) ),
)
步骤2:在urls.py文件的开头第一行和第二行分别加上以下内容:
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from django.contrib import staticfiles
在urls.py文件最后加上以下内容:
#设置静态文件路径
urlpatterns += staticfiles_urlpatterns()

步骤3:设置静态文件的目录,很关键
整个文件的目录结构如下
project—project
—app
|
—-static
|
—–templates
你的static和templates处于同级目录,然后将你的images,css,js文件夹放在static目录下面
测试:在你模板,也就是html文件中

<p><img src="/static/images/bg_information.png.png"  width="980" height="180"></p> 

改成自己的图片名称,注意图片前缀:/static/images/ 别写成 static/images/ 这样会无法显示

参考: http://www.cnblogs.com/pyfreshman/p/5046887.html

Django静态文件加载问题解决方案:详解JS/CSS/Image无法加载 在Django应用中,静态文件(包括JavaScript、CSS和图像文件)的加载通常会遇到问题。如果您正在寻找 Django 无法加载静态文件(js,css,image)的解决方式,本文将为您提供详细内容。如果您的问题依然没有得到解决,请留意错误提示信息,寻找更加详细的解决方案。在Django应用中,有一些缓存机制会导致静态文件无法加载。如果您的Django应用的配置不正确,或者您的静态文件的路径不正确,就会出现无法加载静态文件的问题。然而,有时候Django将无法加载这些静态文件,造成显示异常。 阅读详情

相关推荐

Django使用模板后无法找到静态资源文件问题解决

主要介绍了Django使用模板后无法找到静态资源文件问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

django加载静态文件失败

在浏览器的开发者界面查看静态文件有没有被加载出来(这是加载出来的样子)首先检查setting.py文件。然后修改css和js文件的链接。我的css和js目录是这样的。

weixin_46650094的博客 1846

Windows 11下Dify安装部署实战指南

本文详细介绍在Windows 11环境下部署开源LLM应用开发平台Dify的完整流程。涵盖环境准备(WSL 2启用、Docker Desktop安装配置)、源码获取、Docker容器化部署、数据库初始化、服务启动验证等核心步骤。包括环境变量配置、性能优化、安全加固、端口冲突解决、数据库连接故障排查等关键技术要点。为开发者提供从零到一的Dify本地化部署实战指南

weixin_44269410的博客 851

Django中static 引用不成功

Django中static出现的一个问题,记得小心

BoHeng0606的博客 282

Cadence SKILL 语言实战指南:从函数列表到高效自动化脚本

本文是Cadence SKILL语言实战指南,旨在帮助芯片设计工程师从掌握核心函数列表出发,高效构建自动化脚本。文章详细解析了数据处理、数据库访问、流程控制及错误处理四类关键函数,并通过版图层批量修改与参数化单元生成两大实战场景,演示如何将函数组合成解决实际问题的自动化方案,从而显著提升Virtuoso环境下的工作效率。

beta5的博客 706

Containerd容器运行时的私有仓库镜像推送push和镜像拉取问题解决

向/etc/containerd/config.toml配置添加如下配置,然后重启containerd。向/etc/containerd/config.toml配置添加如下配置,然后重启containerd。通过crictl为k8s拉取镜像如下所示。可以通过ctr命令进行镜像推送。往私有仓库推送镜像如下。

Bulut0907 1万+

杂项 - 对于Django 的静态文件路径配置和模板配置路径理解 - 表单验证器和模型验证器 - 个人理解

要理解这两个配置,就要了解 Django 框架的 view.py 视图文件,在视图文件内,Django 会在视图函数内回传一个.html后缀的模板文件,这里就是django 会去第一个配置的路径下找模板,并且找到该指定的html文件名,然后再利用该.html模板文件,去寻找所需的静态文件,如js、css文件等,注意不包括了其他的被继承的.html后缀的模板文件,配置才会生效,将所有 app 里面的所有静态文件都复制到该路径下,方便查找。这三个配置就好了,这三个是最最关键的,上线要用的,

Muxiu 754

Python爬虫教程:如何爬取多平台电商商品信息(价格、评价、库存)

本文介绍了如何编写一个跨平台电商商品爬虫,爬取多个平台的商品信息,包括商品名称、价格、评价等数据。通过Python的爬虫库(如requestsSelenium)和数据处理库(如pandasmatplotlib)的结合,我们可以高效地获取和分析电商平台上的商品信息。

2201_76125261的博客 918

django在开发环境下可以加载静态文件,IIS部署到服务器无法加载静态文件

虚拟目录static默认继承了网站的处理程序映射设置doMyDjango,即所有请求均需通过wfastcgi.py来处理,但静态资源不需要这种处理,应用这种处理反而会出错。在IIS管理器显示的static主页中,双击“处理程序映射”选项,打开处理程序映射页面。在处理程序映射列表中,鼠标右键单击doMyDjango,在快捷菜单中选择“删除”命令将其删除。提供静态文件,必须依赖 Web 服务器(如 IIS、Nginx、Apache)来处理静态文件请求。没有新建虚拟目录为static,导致IIS 没有正确映射。

m0_74822079的博客 1095

动手在 SAP BTP Cloud Foundry 开发和部署 SAP UI5 应用的前置条件 - 订阅 SAP Build Work Zone Standard Version

摘要:本文介绍了SAP BTP Cloud Foundry环境中HTML5应用的概念,区分了web应用、HTML5应用和SAP UI5应用的关系。重点说明了在Cloud Foundry环境部署HTML5应用的方法是通过订阅SAP Build Work Zone standard edition服务,并详细描述了订阅过程中可能遇到的"OIDC trust missing"错误。该错误是由于业务用户认证需要配置SAP Cloud Identity Services的OpenID Connec

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 313

图像处理基础 || (一) python 读取图像的常用方式

图像的读取与保存是图像处理或计算机视觉领域中最基本的操作,python中有众多的库支持图像的读取、显示与存储,常用的库包括 matplotlib、skimage 和 Pillow 库。

weixin_40234309的博客 5689

Django 调用静态文件(css,js,image)

目录结构 创建static目录,与templates平级,将静态文件放在static目录下。 修改settings.py文件 STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), ) ** 如何调用 ** {% load staticfiles%}这个是加载静态文件 在html中也必...

HH_zhuzhuxia的博客 495

9.23华为OD机试真题 新系统 - 世界杯徽章换购 (Java/Py/C/C++/Js/Go)

9.23华为OD机试真题 新系统 - 世界杯徽章换购 (Java/Py/C/C++/Js/Go)

算法大师! 1611

DjangoHTML页面加载和静态文件加载

一、加载HTML页面 1、找到HTM L文件加载目录的位置 settings.py里 这句话的意思是 2、创建HTML目录 3、在settings进行配置 在第57行,找到‘DIRS’=[] 将其修改为‘DIRS’=[ os.path.join(BASE_DIR,“templates”) ] 注意不能写成template,必须加s否则和其他名字冲突 4、加载HTML,local返回当前局部作...

weixin_42218868的博客 2160

【微电网优化】基于粒子群求解CHP机组、气网、电网、储热罐和电锅炉微电网优化模型附matlab代码

1 简介 我国风力发电近年发展迅速,装机容量已成为全球首位.随着风力发电在电力系统中的渗透率不断提高,我国多个地区(尤其是"三北"地区)已经面临着十分严峻的风电消纳问题,产生不容忽视的弃风问题.针对目前我国风电消纳存在的困难,本文提出粒子群优化CHP机组、气网、电网、储热罐和电锅炉微电网控制策略. 2 部分代码 Ppv=[0;0;0;0;0;0;9.86000000000000;19.0100000000000;33.1000000000000;45.0700000000000;64.7900000

qq_59747472的博客 672

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

django 中静态文件配置 static

环境 centos7 django 1.11 nginx 白话我们可以使用Template 设置我们的网页,同时,一个完美的网页需要css,js,image 等静态文件的支持。django中配置方式貌似有不少总,因为很多相关的博客写的方式并不一致,当然这可能是django 的版本不同导致的。当我们在一个项目下创建一个app后,我们就需要为该app下创建一个static 文件夹来存放相关静态资源。但

Katios 4万+

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

Django ------ 静态文件的渲染(添加css,js,image)

对静态文件的渲染本质就是添加css,js,image 在配置文件setting.py中包含如下: 在官网中找到相应的内容: 然后,按照官网中的要求去写: STATIC_URL = '/static/' #url STATICFILES_DIRS = [ #路径 os.path.join(BASE_DIR, "static"), ] 注意:这个配...

sun9979的博客 1032

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

8-Django静态文件访问

1、 什么是静态文件 图片、css、js、音频、视频等都属于静态文件 2、静态文件配置 (1)在setting.py 中配置静态文件的访问路径 ''' STATIC_URL用于配置指定通过那个URL地址访问静态文件''' STATIC_URL = '/statics/' # http://127.0.0.1:8000/statics/ ''' STATICFILES_DIRS 用于配置静态文件的存储路径,即静态文件在服务器端的存储位置''' STATICFILES_DIRS = (os.path.join

LOVEYSUXIN的专栏 3939

HTML页面和静态文件的加载

加载HTML页面 HTML文件加载目录的配置 HTML文件加载目录的配置:BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) BASE_DIR是django提供给开发者配置路径的一个动态路径,指向项目的根目录(manage.py同等级目录) 创建HTML目录 进行配置 加载...

qq_39112101的博客 2998

Django1.9中静态文件配置(css,js,image都会被当做静态文件处理)

Django1.9中静态文件配置(css,js,image都会被当做静态文件处理) 步骤:1.将django.contrib.staticfiles包括到项目中,及setting.py的INSTALLD_APP中,在根目录下新建文件夹取名static。       2.在setting.py中定义url,如下:      STATIC_URL = '/static/' STATIC_ROO

ROOKIE_ACF的博客 5742

django 添加 css 等静态文件

django 中访问 css 等静态文件必须以 url 的形式去访问,即必须配置 urls.py 的访问路径 首先在 settings.py 中添加: STATIC_ROOT = os.path.join(os.path.dirname(os.path.dirname(__file__)), 'static') STATICFILES_DIRS = [ ('css', os.pat

lyj1101066558的博客 3435

django 1.9 对静态文件(css,js,image等的引用方法)

当直接在项目文件夹下面直接加入一个前台模板,发现不能直接去调用其中的css,js等静态文件 目录如下:其中Templates文件夹是我直接托进项目文件夹中的 Test/--------------_init_.py--------------setting.py--------------...

chenghao7604的博客 200

五.Django静态文件

Django静态文件 author: Once Day date:2022年2月13日 本文档在于总结相关内容,零散的知识难以记忆学习。 本文档基于windows平台。 全系列文档查看:Django基础知识_优快云博客。 1.使用静态文件 除了由服务器生成的HTML文件外,WEB应用一般需要提供一些其它的必要文件,比如图片文件、JavaScript脚本和CSS样式表等等,用来为用户呈现出一个完整的网页。在Django中,我们将这些文件统称为“静态文件”,因为这些文件的内容基本是固定不变的,不需要动态生成

梅花香自苦寒来,宝剑锋从磨砺出。 4038

django运行后html无法加载图片、css、js

在settings.py最后加上如下代码: STATIC_URL = ‘/static/’ STATIC_ROOT = os.path.join(os.path.dirname(file),‘static’) STATICFILES_DIRS = ( (‘css’,os.path.join(STATIC_ROOT,‘css’).replace(’\’,’/’) ), (‘js’,os.path.j...

erwange的博客 879
上一篇: hive常用命令
下一篇: spark报错:ERROR SparkUI: Failed to bind SparkUI,解决办法
x_lock
博客等级 码龄11年 40粉丝 15原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值