Flask-解决路径正确时的 js 404问题

序言

最近业余时间在学习Flask，但是也遇到了一些问题，代码中写的没错，运行就出错，很让人恼火。

问题

比如这次遇到了一个 js文件 404 的错误，这个文件也是放到 static 目录下的一个目录里面，但是就是报404错误，模板中写的路径是正确的。如图所示

这个是一个博客项目，把CKEditor集成到里面，方便处理文字，路径如上图所示（），代码中的加载路径为：

<script type="text/javascript" src="{{ url_for('static', filename='ckeditor/ckeditor.js') }}"></script>

对比了一下，路径没有错误，但是实际情况是这样的：这个 js 文件根本没有加载

127.0.0.1 - - [30/Aug/2020 22:38:51] "GET /static/ckeditor/ckeditor.js HTTP/1.1" 404 -

Solution

有问题就来分析解决，通过审查元素可以发现，在Source tab中可以看到ckeditor整个文件夹根本没有加载，或者说可能被服务器拒绝访问了。

带着这个问题在搜索引擎上搜索，才知道，Flask默认加载的静态文件夹为：

/static
    /js
    /css
    /img

因此，即使 CKeditor 目录在 static 目录下，但是也被拒绝访问了，之后我用 _external 也是没有解决这个问题，只能把 ckeditor 目录移动到 js 目录之下，终于解决该问题，使ckeditor编辑器能在blog中正常使用。

将ckeditor目录移动到js目录下，在修改一下模板中的路径，就可以正常运行了，如下图是App运行截图

能正常显示出可视化编辑器就OK了。

结语

把自己踩得坑和解决方案记录下来，顺便警醒自己，方便他人。

如有错误，敬请指出，感谢指正！    — 2020-08-30  23:04:15