欢迎光临!
若无相欠,怎会相见

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

 

赞(3) 打赏
转载请注明:飘零博客 » Flask-解决路径正确时的 js 404问题
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

欢迎光临