问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

static文件导入失败

头像
瑞0908
    3181020
    头像
    dokelung
      4.9k1516

      页面可以显示, 但是没有CSS, JS的效果:

      clipboard.png

      setting 文件如下:

      STATIC_URL = '/static/'

STATICFILES_DIR = [
    os.path.join(BASE_DIR,'static')
]

      regigser.html 路径如下:

      <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>天天生鲜-注册</title>
    <link rel="stylesheet" type="text/css" href="/static/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/css/main.css">
    <script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/js/register.js"></script>
</head>

      文档结构图如下:

      clipboard.png

      不知道是哪里除了问题 求大神解答

      djangopython
      阅读 4.3k
      6 个回答
      得票最新
      头像
      zhangone
        281
        头像
        dokelung
          4.9k1516
          STATICFILES_DIRS = [
    os.path.join(BASE_DIR,'static')
]

          不过还是推荐模板路径使用 "{{STATIC_URL}}css/reset.css"写法

          在页面的较上处写：

          {% load staticfiles %}

          在 link, script 等 src 写 ：

          {%static 'xxx.css'%}　

{%static 'xxx.js'%}
          头像
          松林
            1.2k3714

            检查下
            settings.py
            DEBUG的值
            为False也会出现楼主的效果！

            头像
            剑心无痕
              3.4k1516

              html里的模板路径要替换写成"{{STATIC_URL}}css/reset.css"等

              头像
              瑞0908
                3181020
                头像
                风居住的街道
                  210359100

                  路径改为

                  href="../static/css/reset.css
                  头像
                  喵先森
                    514
                    新手上路，请多包涵

                    楼主是不是没有load static啊？

                    撰写回答
                    你尚未登录，登录后可以
                    • 和开发者交流问题的细节
                    • 关注并接收问题和回答的更新提醒
                    • 参与内容的编辑和改进，让解决方法与时俱进
                    推荐问题