django的静态文件配置和路由控制

Posted huizaia

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了django的静态文件配置和路由控制相关的知识,希望对你有一定的参考价值。

上一遍写到刚建完django项目,此时我登录页面中调用了js文件,执行后发现报错了找不到js这个文件

 

目录结构如图所示:

技术图片

 

 

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script src="/statics/js.js">
 7 
 8     </script>
 9 </head>
10 <body>
11 
12 <h4>
13     登录页面
14 </h4>>
15 
16 <form action="" method="post">
17     用户名<input type="text" name="user">
18     密码<input type="password" name="pwd">
19     <input type="submit">
20 </form>
21 </body>
22 </html>

 

显示找不到这个js文件

技术图片

 

 

 

那么问题来了,我们应该怎么获取这个静态js文件呢?别急和我来一步一步配置

 

在django的公共项目目录中有一个settings.py的文件

在这个文件中配置一个STATICFILES_DIRS变量,配置好这个STATICFILES_DIRS后,django中就会把statics目录下的文件路径改成static

LANGUAGE_CODE = en-us

TIME_ZONE = UTC

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, javascript, Images)
# https://docs.djangoproject.com/en/2.2/howto/static-files/

STATIC_URL = /static/  # django自带的

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, statics),
] 

 

配置完参数后,html中引用的js路径改为/static/js/js

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script src="/static/js.js">
 7 
 8     </script>
 9 </head>
10 <body>
11 
12 <h4>
13     登录页面
14 </h4>>
15 
16 <form action="" method="post">
17     用户名<input type="text" name="user">
18     密码<input type="password" name="pwd">
19     <input type="submit">
20 </form>
21 </body>
22 </html>

再次执行接口,就找到这个js文件了

技术图片

 

 

 请尊重作者劳动成果,有需要请转载,标明出处!!! 

 

以上是关于django的静态文件配置和路由控制的主要内容,如果未能解决你的问题,请参考以下文章

Django---路由配置和静态文件简介

Django配置静态文件与路由

Django路由控制

第三百八十三节,Django+Xadmin打造上线标准的在线教育平台—路由映射与静态文件配置

如何从 EKS 集群为 Django 提供静态文件?

VSCode自定义代码片段11——vue路由的配置