最近在尝试着自己部署一下OtterTune的项目,并且为以后魔改做做准备,但是在成功运行项目并且让Django的后端跑起来之后,发现前端的CSS样式丢失了,并且好多正常的功能也都没办法做。
因为OtterTune毕竟是17年的“老”项目了,所以首先尝试了安装17年的Chrome浏览器,发现不是浏览器的问题。迫不得已,打算自己修改项目代码。
后面发现问题主要出在ottertune/server/website/website/static/css/boostrap.min.css这个文件上,打开发现里面的css样式表内容都没了,只有一句:
themes/bootstrap-flatly.min.css
我也不知道为什么,但是既然没了就在它的下面重新加载一下最新的就好了。观察发现他的项目html文件除了base.html外都没有引用css文件,而其余的页面都是在开头加载了这个base.html,所以只需要改这个模板就好。
在加载css的语句最后,记得一定是之后,加一句:
<!-- The bootstrap css got an error, try to fix. -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
再次运行项目。
OK!问题解决!