解决OtterTune部署时前端样式丢失的问题

在部署OtterTune项目时遇到前端CSS样式丢失的问题,尝试使用旧版浏览器未解决问题。通过检查发现bootstrap.min.css文件内容缺失,于是手动添加了最新的bootstrap.min.css链接到base.html模板中,解决了样式丢失和功能异常的状况。
摘要由CSDN通过智能技术生成

        最近在尝试着自己部署一下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!问题解决!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值