Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何去除URL中的"%20“代码(django)

我正在使用django 1.3并做一些模板继承。离开主页后,我的/static/设置路径似乎出现了问题。问题是,当我加载从base.html继承的home.html时,CSS和图像链接工作正常。但是一旦我转到一个额外的URL (在本例中是vehicle.html),css和图像就会丢失,错误如下:

控制台错误

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
"GET /static/%20/static/images/logo_2.jpg HTTP/1.1" 404 1771
"GET /static/%20/static/css/default.css HTTP/1.1" 404 1765

查看页源

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="stylesheet" type="text/css" href="/static/ /static/css/default.css">
<link rel="stylesheet" type="text/css" href="/static/ /static/css/default.css">

它看起来像是从某个地方出现了一些空间。此外,从vehilce.html文件,页面源代码显示,它添加了一个额外的/static/到网址的空格。我会错在哪里呢?有关我的文档,请参阅以下内容:

settings.py

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
STATIC_ROOT = 'D:/dev/workspace/vehicle_request/vehicle_request/mvmanager/static/'
STATIC_URL = '/static/'

urls.py

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
urlpatterns = patterns('',
                   url(r'^$', home_page),
                   (r'^admin/', include(admin.site.urls)),
                   (r'^media/(?P<path>.*)$', 'django.views.static.serve',{'document_root': settings.MEDIA_ROOT}), #Not in use in my code yet
                   (r'^static/(?P<path>.*)$', 'django.views.static.serve',{'document_root': settings.STATIC_ROOT}),
                   (r'^vehicle/', vehicle),
                   (r'^driver/', driver),

base.html

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/static/css/default.css">
<title>{% block title %}{% endblock %}</title>
</head>
<body>
<header>
<a href="http://localhost:8000" title="Home Page">
<img alt="logo2:" src="{{ STATIC_URL }}/static/images/logo_2.jpg"
style="float:left; margin:5px" height="100"; border=none"></a><br><br>
<h1>Vehicle Request System <span class="version">(Version 0.1 beta)</span></h1>
</header>
<hr style="clear: left">
<hr>
</body>
</html>

vehicle.html

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{% extends "base.html" %}
{% block title %}Vehicle Registration{% endblock %}
{% block content %}
<html>
<head></head>
<body></body>
</html>
{% endblock %}

谢谢。

编辑

1.我已经将href="{{STATIC_URL}} /static/css/default.css">中的stati改为读取代码中的static。我一定是在发帖的时候错误地用了退格键。然而,继续向前看,

2. When I change {{STATIC_url}} /Static to {{STATIC_URL}}/Static ie.我删除了下面@sarnold建议的两个单词-as之间的空格,home.html照常工作,但vehicle.html仍然不加载css和图像,并在控制台中显示以下错误:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
File "c:\Python27\lib\site-packages\django\core\files\storage.py", line 234, in path
raise SuspiciousOperation("Attempted access to '%s' denied." % name)
SuspiciousOperation: Attempted access to '\static\images\logo_2.jpg' denied.
[10/Feb/2012 06:11:55] "GET /static//static/images/logo_2.jpg HTTP/1.1" 500 1731

File "c:\Python27\lib\site-packages\django\core\files\storage.py", line 234, in path
raise SuspiciousOperation("Attempted access to '%s' denied." % name)
SuspiciousOperation: Attempted access to '\static\css\default.css' denied.
[10/Feb/2012 06:23:29] "GET /static//static/images/logo_2.jpg HTTP/1.1" 500 1731

css 3.cptphil当我组合@和@cptphil建议时,vehicle.html完美地加载了css和图片。然而,home.html失败了。请参阅下面对base.html的更改:

base.html (编辑后如下所示)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/default.css">
<img alt="logo2:" src="{{STATIC_URL}}images/logo_2.jpg"

home.html现在不工作了!(查看页面源代码)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="stylesheet" type="text/css" href="css/default.css">
<img alt="logo2:" src="images/logo_2.jpg"

vehicle.html现在可以工作(查看页面源代码)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="stylesheet" type="text/css" href="/static/css/default.css">
<img alt="logo2:" src="/static/images/logo_2.jpg"

这是home.html在原始形式下的外观

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{% extends "base.html" %}
{% block title %}GEL: Vehicle Request System{% endblock %}
{% block content %}
{% endblock %}
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-02-10 01:44:23

我相信模板引擎正在做你要求它做的事情。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
href="{{STATIC_URL}} /stati/css/default.css"

正确地翻译为

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/static/ /stati/css/default.css

试一试

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
href="{{STATIC_URL}}css/default.css"

在base.html中,如果您想要的是

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/static/css/default.css

不过,我无法解释为什么home.html会正常工作。

票数 5
EN

Stack Overflow用户

发布于 2012-02-10 01:42:53

在我看来,您是手动将空间添加到base.html

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="stylesheet" type="text/css" href="{{STATIC_URL}} /stati/css/defau...
<img alt="logo2:" src="{{ STATIC_URL }} /static/imag....

/stati/css/static/imag之前留出空间,看看问题是否消失了。

票数 2
EN

Stack Overflow用户

发布于 2018-05-28 02:41:58

空格= %20。请确保在url中省略空格...

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
like : <script src="{% static " js/dashboard/salesPieChart.js" %}"></script>
To: <script src="{% static "js/dashboard/salesPieChart.js" %}"></script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9221515

复制
相关文章
getUserMedia报错:新版本Chrome中getUserMedia接口在http下不再支持
新版本Chrome中getUserMedia接口在http下不再支持,请使用https来访问
唯一Chat
2022/10/28
5570
解决ssh登录后闲置时间过长而断开连接
当鼠标和键盘长时间不操作服务器就会自动断开连接,感觉很麻烦
似水的流年
2018/01/12
5.1K0
如何在断开连接后保持远程 SSH 会话运行
◆ 概述 SSH(Secure Shell)是端到端的加密网络系统,允许用户从客户端远程访问服务器。但有时由于不活动或网络信号不佳,SSH远程访问可能会断开连接。不管是什么原因,作为 Linux 管理员,在断开连接后保持 SSH 会话和进程运行是一项至关重要的工作。本文讨论断开连接后如何保持 SSH 会话运行。 ◆ 1. screen ---- 该screen命令是 SSH 管理最常用和最有用的命令。 对于 Ubuntu: $ sudo apt install screen 对于 OpenSUSE: $
IT大咖说
2022/04/13
4.3K0
如何在断开连接后保持远程 SSH 会话运行
如何使用OpenCV在Python中访问IP摄像头
首先,必须找出网址流是什么。通过在构造函数中提供摄像机的网址流,可以在OpenCV中访问IP摄像机cv2.VideoCapture。可以使用某些网络扫描实用程序(例如在linux上的arp-scan)找到摄像机的IP地址。网址进一步的细节,如Protocol,Credentials和Channel应该可以在相机说明书或软件/手机应用程序中找到。我们通过在网络上搜索相机的型号来找到相机的网址流。
小白学视觉
2020/09/14
6.7K0
人工智能|基于 TensorFlow.js 的迁移学习图像分类器
TensorFlow.js是一个基于deeplearn.js构建的强大而灵活的Javascript机器学习库,它可直接在浏览器上创建深度学习模块。使用它可以在浏览器上创建CNN(卷积神经网络)、RNN(循环神经网络)等等,且可以使用终端的GPU处理能力训练这些模型。接下来我们将学习如何建立一个简单的“可学习机器”——基于 TensorFlow.js 的迁移学习图像分类器。
算法与编程之美
2019/12/17
1.3K0
rabbitMQ连接断开问题
按这样说法,应该还是没有把心跳值给设置好。上面的程序期望是10秒发一次心跳,但是理论上发送心跳的间隔会比10秒多一点。所以艾玛,我应该是把heartbeat_interval的作用搞错了, 它是指超过这个时间间隔不发心跳或不给server任何信息,server就会断开连接, 而不是说pika会按这个间隔来发心跳。 结果我把heartbeat_interval值设置高一点(比实际发送心跳/信息的间隔更长),比如上面设置成60秒,就正常运行了。
周小董
2019/03/25
6.3K0
连接断开的线
前一段参加安图举办的用户大会,其中讲了一个案例:连接断开的线。今天将这个整理下分享给大家。魔板整体截图
数据处理与分析
2019/07/31
2.4K0
连接断开的线
【项目实战】基于 WebRTC 的音视频在线监考模块的设计与实现(下)
在上一篇博文 【复】基于 WebRTC 的音视频在线监考模块的设计与实现(上) 中,主要介绍了关于 WebRTC 的基本理论,那么这篇文章我们将进入实战阶段,通过 WebRTC 框架,去实现 P2P 通话,以及延伸到一对多的音视频通话,从而实现在线监考功能;
sidiot
2023/08/31
4490
【项目实战】基于 WebRTC 的音视频在线监考模块的设计与实现(下)
iterm通过代理访问网络
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/details/79914884
DannyHoo
2018/09/13
8600
iterm通过代理访问网络
关于nohup在连接断开后进程退出的小记
工作中遇到了迁移数据库的操作,sql文件30G,当然不能搞到本地用Navicat导入,要通过命令导入。
休辞醉倒
2019/07/25
1.3K0
WebRTC学习笔记——建立连接
1.WebRTC简介 WebRTC是一个开源的项目,可以提供浏览器,手机应用之间实时通信能力。 同时,这一功能已经内置于现代浏览器中,所以它可以做到无须借助第三方软件或插件便可以在开发网络中传输高质量
IMWeb前端团队
2017/12/29
2K0
WebRTC学习笔记——建立连接
鹅厂原创 | React性能探索 --- 避免不必要渲染
戳蓝字“IMWeb前端社区”关注我们哦! 文/blue 腾讯SNG事业群——前端开发 工程师 1写在前面 WebRTC是一个开源的项目,可以提供浏览器,手机应用之间实时通信能力。 同时,这一功能已经内置于现代浏览器中,所以它可以做到无须借助第三方软件或插件便可以在开发网络中传输高质量音视频流。 主要JavaScript API MediaStream 音视频流对象 RTCPeerConnection 端对端音视频连接对象 RTCDataChannel 端对端数据通道对象 适用设备 Firefox,Ope
用户1097444
2022/06/29
4520
鹅厂原创 | React性能探索 --- 避免不必要渲染
WebRTC学习笔记——建立连接
WebRTC是一个开源的项目,可以提供浏览器,手机应用之间实时通信能力。 同时,这一功能已经内置于现代浏览器中,所以它可以做到无须借助第三方软件或插件便可以在开发网络中传输高质量音视频流。
IMWeb前端团队
2019/12/04
8460
在Oracle中通过dblink访问PG数据库
在PG中访问PG可以通过dblink,在PG中访问Oracle可以通过oracle_fdw,访问MySQL可以通过mysql_fdw,具体过程可以参考:https://www.xmmup.com/pgzhongdefile_fdwpostgres_fdwhedblink.html
AiDBA宝典
2022/11/07
3.8K0
Webrtc实时通信的构建流程:PeerConnection对等通信的实现方式
webrtc是一个实时通讯技术,很简单的应用在web浏览器中应用实时通讯技术,包括音视频通话。在使用webrtc技术时,浏览器端都已经基本封装好,只要调用相应的api,就可实现简单的通话,其中一个主要对象就是RTCPeerConnection 支持音频和视频媒体数据通信。本文我们就分享一下一套完整的对等通信是如何实现的。
TSINGSEE青犀视频
2021/05/13
2.2K0
通过云联网、对等连接或者专线等产品打通后网络不通
2、如上图发现系统内有docker网段路由172.17.0.0/16,刚好对端子机内网网段也是这个
张晗
2021/04/15
1.7K0
Selenium中单击Element:ElementClickInterceptedException
element = driver.find_element_by_css(‘div[class*=”loadingWhiteBox”]’)
kirin
2021/04/02
1.1K0
OpenCV-判断OpenCV摄像头是否断开
使用opencv的cv::VideoCapture 类对象从摄像头处获取图像时,没法通过isOpened获取的图像判断摄像头是否有断开,即开始时成功获取到图像后,中间摄像头断开了,返回的图像数据还是正常的。 使用摄像头获取图像:
Pulsar-V
2019/03/12
2K0
MacOS中ssh连接自动断开问题解决
在MacOS平台,使用ssh登录linux服务器后,在后台放置一段时间,就会自动断开,解决的方法如下 :
莫得急
2022/04/23
4.2K0
无需注册,即可访问 ChatGPT
前言:ChatGPT Sidebar 浏览器扩展程序的安装与使用 1、edge浏览器为例 找到扩展-打开Microsoft edge 加载项 image.png 搜索ChatGPT sidebar image.png 点击获取 搜索的时候右侧就有个悬浮图标 image.png 点击悬浮图标进行提问 image.png 更多内容自行摸索
编程那点事
2023/04/25
6700
无需注册,即可访问 ChatGPT

相似问题

今天的网络可以通过getUserMedia访问深度摄像头吗?

116

使用getUserMedia后关闭网络摄像头/摄像头

20

如何使用getUserMedia和webRTC连接断开摄像头设备

21

访问多个摄像头javascript getusermedia

21

在getUserMedia中使用sourceId指定网络摄像头

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文