flask--前端样式无法显示问题,解决思路

今天写flask。无论咋整,样式就是不显示
看了资料,得到解决方案
思路:一步步排查
这是我写的登陆前端页面,从这里可见继承common下的这个公共模板
flask--前端样式无法显示问题,解决思路
找到公共模板,可见我们的样式加载在这里
flask--前端样式无法显示问题,解决思路
那么可见,一定是href请求中发生错误导致无法加载成功
检查统一路径管理,我们前端请求地址是用的这个方法,传入了个path,对static路径进行拼接,从而加载static下的css文件
flask--前端样式无法显示问题,解决思路
我们吧前端path拿过来试调用一下
flask--前端样式无法显示问题,解决思路
这时对比我们的MVC结构树来看,有毛病了,static和templates不在工程目录下
flask--前端样式无法显示问题,解决思路
从flask的源码来看,static_folder和template_folder,是默认的,也就是只能去static和tempaltes下去找css,js和html,我这在web下,所以要重构一下
flask--前端样式无法显示问题,解决思路
将templates的默认查找目录改为web下的templates,并且将static的默认查找目录改写为None
flask--前端样式无法显示问题,解决思路

这里我们知道前端是这样写的
flask--前端样式无法显示问题,解决思路

这样请求的一个get
flask--前端样式无法显示问题,解决思路
这样我们可以写一个蓝图,让每次请求css的时候,也就是url_prefix=‘/static’的时候,就做一个拼接返给端
flask--前端样式无法显示问题,解决思路
flask--前端样式无法显示问题,解决思路

下边是请求是path,css,js传过去,处理,返回的文件
path是前端进来的参数
flask--前端样式无法显示问题,解决思路
filename是处理完返回的文件
flask--前端样式无法显示问题,解决思路
日志加载进去,端上自然成功渲染
flask--前端样式无法显示问题,解决思路