解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了

1.今天网上下载一个博客项目，发现本地访问,js,css加载不了.

我想应该是项目上线的安全措施,但是我想调试项目.找到方法如下

在settings.py里面编辑

添加

STATICFILES_DIRS = (
  os.path.join(BASE_DIR, 'static'),
)

另外把

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

改为

STATIC_ROOT = os.path.join(BASE_DIR, 'static1')

即这里面的static不能和上面的一样,换个名字.

补充知识：linux下使用uwsgi部署django项目时 静态文件不能正常加载

在 linux 下需要用 python-admin 来开 django 的服务，如果你是 python3 那么命令应为 python3-admin manage.py runserver 可以正常访问页面，没有静态加载的问题

在配置 uwsgi 时需要更改项目 settings.py 中的设置，更改项目如下

debug=False

allow_host=[‘*']

静态文件重定位 STATIC_ROOT =os.path.join(BASE_DIR,”/var/www”)

再进行静态文件的转移 在项目目录下进行： Python3 manage.py collectstatic 这一步的顺序很重要，否则路径会有问题.

然后配置 uwsgi 有许多方法，我采用的是下面的一种 在项目目录下新建 socket.xml 文件（与 manage.py 同级）内容如下：

这时可以用下面这个命令去运行项目 Uwsgi –http :8000 –chdir /home/user/project/hello –module hello.wsgi –static-map=/static=/var/www/ 也可以正常访问页面，包括加载静态页面

nginx的配置问题

配置 nginx 主要进行两个文件的修改，两个文件都在/etc/nginx 目录下 一个是 nginx.conf，需要修改的内容为： 将第一行定位用户的名字改为你的用户文字，我的是 root 第二个文件时 sites-available/sites-enable 目录下的 default 文件

哦，还有一步很重要，需要将项目和静态文件的权限更改一下，改为你的用户可以访问,读取，执行，：chmod –R 755 目录.

以上这篇解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 解决django 多个APP时 static文件的问题

    每个APP下都有自己的static文件夹,那如何设置将不会混用呢 以下是实例(我项目里有两个APP(login 和main)) 1.首先在setting 文件修改配置路径 STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, "MGStudio", "static"), os.path.join(BASE_DIR, "main", "static"

  • django迁移文件migrations的实现

    当模型models.py中发生改变时,即在models.py文件操作数据表,使得数据库中的表结构发生变化,需要使用命令,记录这些操作,类似于日记. 修改完models.py后,先在Terminal下执行命令 python manage.py makemigrations 这是仅仅是生成迁移记录,执行过后,数据库中的表并未发生变化.若是models发生改变,但是执行以上命令,显示的是 No changes detected 则需要执行 python manage.py makemigrations

  • 解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了

    1.今天网上下载一个博客项目,发现本地访问,js,css加载不了. 我想应该是项目上线的安全措施,但是我想调试项目.找到方法如下 在settings.py里面编辑 添加 STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), ) 另外把 STATIC_ROOT = os.path.join(BASE_DIR, 'static') 改为 STATIC_ROOT = os.path.join(BASE_DIR, 'static1') 即这里面的s

  • JS+CSS实现下拉刷新/上拉加载插件

    闲来无事,写了一个当下比较常见的下拉刷新/上拉加载的jquery插件,代码记录在这里,有兴趣将代码写成插件与npm包可以留言. 体验地址:http://owenliang.github.io/pullToRefresh/ 项目地址:https://github.com/owenliang/pullToRefresh 实现注意: 利用transition做动画时,优先使用transform:translate取代top,后者动画流畅度存在问题. 各移动浏览器对手势触摸的处理不同(简单罗列如下),但

  • nodejs服务搭建教程 nodejs访问本地站点文件

    本教程为大家分享了nodejs服务搭建和如何访问本地站点文件,供大家参考,具体内容如下 搭建nodejs服务器步骤: 1.安装nodejs服务(从官网下载安装) 2.在自己定义的目录下新建服务器文件如 server.js 例如,我在E:\PhpProject\html5\websocket下创建了server.js文件 var http = require('http');//引入http模块 //开启服务,监听8888端口 //端口号最好为6000以上 var server = http.cr

  • in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案

    in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案

    国外的像基于jQuery的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是一些十分优秀的模块加载器.但是本文将会向大家介绍一个新的开源的轻量级"多线程"异步模块加载器In.js,In的开发借鉴了Do的一些思路和使用习惯,在此期间感谢@kejun同我的耐心交流,In.js压缩后只有4.77k,不仅小巧而且十分好用. 优点: 按需加载 无阻塞加载 依赖关系管理 颗粒化模块管理 如何使用? A.引入In.js 复制代码 代

  • 解决ajax不能访问本地文件问题（利用js跨域原理）

    解决ajax不能访问本地文件问题（利用js跨域原理）

    博主自己在开发一个无后台,只有前台的查询系统时,遇到一个困难,如何利用Ajax读取自己的本地json文件,百度.谷歌了下,发现大部分文章都是在说修改浏览器参数,但是自己想想,用户在使用时,还要修改浏览器的参数,这样显然降低了用户体验.自己琢磨了一段时间,发现可以利用js跨域原理来解决这个瓶颈.将之前要读取的json文件,变为js对象文件,这样就可以读取这个文件,然后写一个函数来对这个js对象进行解析. 首先说明下js跨域原理和jsonp这个技术(如果说的不详细,可自行百度.谷歌) src可以跨域

  • js 利用image对象实现图片的预加载提高访问速度

    大量采用高解析度的图像的确可以让一个Web站点容光焕发.但同样也会造成站点访问速度下降--图片是文件,文件就要占用带宽,而带宽直接同访问等待时间相关.现在,让我们来学习一种名为图像预装载(image preloading)的小技巧来提高图像访问速度. 一些浏览器试图通过在本地缓存中保存这些图片来解决此问题.这样一来可以顺序调用这些图片--但对于首次使用这些图片的时候仍然会存在延时.预装载就是一种在需要图片之前就将图片下载到缓存的技术.采用这样的方式可以使当确实需要显示图片时迅速将其从缓存中恢复回

  • JS+CSS实现网页加载中的动画效果

    JS+CSS实现网页加载中的动画效果

    本文实例为大家分享了JS实现网页加载中效果的具体代码,供大家参考,具体内容如下 需要材料: 一张loading动画的gif图片 基本逻辑: 模态框遮罩 + loading.gif动图, 默认隐藏模态框 页面开始发送Ajax请求数据时,显示模态框 请求完成,隐藏模态框 下面我们通过Django新建一个web应用,来简单实践下 实践 1.新建一个Django项目,创建应用app01, 配置好路由和static,略.将gif动图放到静态文件夹下,结构如下: 2.视图中定义一个函数,它返回页面test.

  • Js Jquery创建一个弹出层可加载一个页面

    复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"

  • js实现滚动条滚动到页面底部继续加载

    js实现滚动条滚动到页面底部继续加载

    这个实例应该说可以很简单,直接使用jQuery的方法来处理也是可以的.但本文底层使用原生的js来处理,遇到一些小知识点可以分析一下也算有所得. 原理很简单,就是为window添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部,如果到了底部则加载新数据.关键是计算滚动条是否滚动到了浏览器底部,算法如下 滚动条卷起来的高度 + 窗口高度 > 文档的总高度 + 50/*我这里将滚动响应区域高度取50px*/:如果这个判断为true则表示滚动条滚动到了底部. 实例 <

  • JS异步观察目标元素方式完成分页加载

    JS异步观察目标元素方式完成分页加载

    目录 介绍 代码 演示 正文 监听元素 反复交叉 结语 介绍 平时我们处理分页加载时,往往是通过滚动条判断是否到了容器底部再执行的加载任务的,这样有一个问题就是,不管滚动条是否划到底部位置,它都会运行计算这个函数. 那么,如果能判断底部的加载区域出现后再去执行加载,不用再做滚动条计算了,这样岂不美哉.本期将以异步观察目标元素的新方式去完成分页加载业务. 代码 <div id="app" @vue:mounted="mounted" :class="{

随机推荐