解决基于Flask框架在通过服务器前端页面显示与单独进行前端页面不一致的问题

最新推荐文章于 2022-10-13 19:59:04 发布
最新推荐文章于 2022-10-13 19:59:04 发布
阅读量762 收藏
点赞数
分类专栏： 前端 文章标签： bootstrap html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43500065/article/details/105716520
版权

基于Flask框架在通过服务器进行前端页面显示与单独进行前端页面不一致的问题

自己以为是路径弄错了，修改了很久，然后查看flask官方文档，发现是浏览器存在缓存的问题，清除一下便解决了！！
在这里插入图片描述
希望对你有所帮助！！

m_Michi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flask实现普通用户和管理员用户同页面登录
12-21
Flask实现普通用户和管理员用户同页面登录 1.效果图 1.1前端登录页面 招聘企业 管理员
Pycharm运行flask项目的前端页面与直接点击前端页面的效果不一样
阿柠xn
04-26 771
Pycharm运行flask项目的前端页面与直接点击前端页面的效果不一样 是因为浏览器有缓存，将缓存清理一下就一致了。
electron-vue中的路由跳转路径解析path.resolve结果与在浏览器中的web项目解析结果不一致问题解决办法！
DLGDark的博客
04-09 2270
在普通web项目中： console.log(this.basePath); // '/menuMg' console.log(routePath); // 'index' console.log(path.resolve(this.basePath, routePath)); // '/menuMg/index' 在electron项目中： console.log(this.basePath); // '/menuMg' console.log(routePath); // 'index'
[记录]关于flask服务器布局的几个问题的解决方法
True Truth
10-12 668
一些部署flask的问题记录与解决方法
Python flask框架如何显示图像到web页面
09-16
主要介绍了Python flask框架如何显示图像到web页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Flask框架实现的前端RSA加密与后端Python解密功能详解
01-21
那么我认为解决该问题的方法是这样的：在前端页面对数据进行加密，然后再发送到后端进行处理。 这一篇文章是前端用 RSA 的 publicKey 进行加密，然后后端用 Python 进行解密的示例。 工具列表 后端：Python3 Flask...
Python flask框架实现浏览器点击自定义跳转页面
01-20
from flask import Flask, request, url_for, redirect, render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/cool_form', methods=['GET', '...
解决flask项目打开总是上一个项目的网页
Zrr6413的博客
07-20 1539
端口被占用的解决方法
flask访问后端接口500 静态页面却能显示（坑）
Yss915的博客
05-07 951
flask 报错500 坑
Python flask框架端口失效解决方案
09-16
主要介绍了Python flask框架端口失效解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
关于flask在Python上运行之后,访问不了网页的解决方法
weixin_48859984的博客
10-13 2262
新建项目时，把Create a main.py welcome script这个项目勾上，千万别轻易取消这个，过来人，过来人。
构建Flask网页遇到的问题+解决方法
qq_43312551的博客
07-04 1177
1.创建flask项目,将图片放到static文件夹下之后，如果改变图片的内容但是图片的名称不修改，最后网页上还是会显示之前的内容，就感觉好像无法修改了一样? 原因:浏览器从服务器上获取照片后，当后端图片刷新但是文件名没改，浏览器不会重新从服务器获取新的图片 解决方法: 设置网页保留缓存静态文件时间 app.config['SEND_FILE_MAX_AGE_DEFAULT'] = timedel...
Flask css样式与单独运行时不一致
qq_43357429的博客
12-07 573
使用Flask框架时，样式和单独写的页面样式可能不同 这是单独写好的页面 可以看到标签的宽度是140px 在Flask框架之后 可以看到标签宽度为99.09px 解决方案 页面在编写后单独测试格式没有任何问题，使用falsk框架后格式却不对，在标签对应CSS格式里添加float属性即可！ PS: 找了许多解决方法，又说css文件没有导入成功的，也有系统显示缩放不是100%的，结果都不对，就是一个浮动的事，害，浪费我半天时间。 ...
flask 莫名奇妙的错误　相同的代码上面的会出现网页错位。
前端开发＆搜索引擎优化
11-10 940
{% for i in slide.images %} class="pic" href="#">src="{{ url_for('img.static',filename= i.filename ) }}"> 　 {% endfor %} {% for i in slide.images %} class="pic" href="#">src="{{ url_for('im
Flask新媒体网站用户登录后显示登录状态
06-10 1043
显示登录状态逻辑分析：（在index视图函数中实现，因为显示是在index页面中，所以。。。。） 当我们进入首页，我们需要判断用户是否登录，如果登录，将用户信息查询出来， 获取session保存的用户id： user_id =session.get（“user_id”） 从数据库中查到用户对象，然后将用户信息返回给前端：(判断对象是否查询到了，使用三元表达式判断...
明明修改或已经更新了前端项目,但是页面没有改变怎么办
热门推荐
菜鸟Li
02-08 1万+
不知道做前端的小伙伴是否有的时候会出现,明明修改了功能的部分代码但是刷新页面后或者上传服务器之后却没有任何改变,无论刷新很多次或者关掉页面重新打开,但是就是不显示新的代码, 那么其中很有可能的一项原因就是缓存问题,页面还是处于未更新的状态,如果是这个原因这么几个小妙(适用于chrome浏览器)招分享给大家: 1.如果不怕麻烦,那么就 更多数据→清除浏览器数据→清楚数据就好了 ps:时间范围最好选不限,否则可能无效 2.如果感觉全部删除很麻烦,还可以F12 打开开发者工具,然后在network中勾选Di
npm ERR D:\Program Files\Git\cmd\git.EXE ls-remote -h -t https://github.com/nhn/raphael.git
Goldfish_MIAO的博客
04-24 4214
问题描述 npm ERR! Error while executing: npm ERR! D:\Program Files\Git\cmd\git.EXE ls-remote -h -t https://github.com/nhn/raphael.git npm ERR! npm ERR! fatal: unable to access 'https://github.com/nhn/raphael.git/': OpenSSL SSL_read: Connection was reset, errno
解决vue-element-admin中tinymce组件失效
Goldfish_MIAO的博客
05-18 3804
解决vue-element-admin中tinymce富文本编辑器失效
flask + pyecharts，在前端页面显示不了词云图也不报错
最新发布
03-27
可能是因为您没有正确设置HTML页面中的元素ID或者没有正确调用pyecharts的渲染函数。以下是一个简单的例子，演示如何在Flask应用中使用pyecharts绘制词云图并在前端页面显示。 ```python from flask import Flask, render_template from pyecharts.charts import WordCloud from pyecharts.globals import SymbolType app = Flask(__name__) @app.route('/') def index(): # 构造词云图数据 words = [("Python", 100), ("Flask", 80), ("pyecharts", 60), ("前端", 50), ("后端", 40), ("数据分析", 30)] # 创建词云图对象，设置样式和数据 wordcloud = ( WordCloud() .add("", words, word_size_range=[20, 100], shape=SymbolType.DIAMOND) .set_global_opts(title_opts={"text": "词云图"}) ) # 使用render_embed()函数获取词云图的HTML代码 chart = wordcloud.render_embed() # 渲染模板并返回HTML页面 return render_template('index.html', chart=chart) if __name__ == '__main__': app.run(debug=True) ``` 在HTML模板中，您需要使用`{{ chart | safe }}`将词云图的HTML代码嵌入到页面中。以下是一个简单的HTML模板示例： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>词云图示例</title> <!-- 引入pyecharts的JS库 --> {{ chart.load_javascript() }} </head> <body> <!-- 在这里嵌入词云图的HTML代码 --> {{ chart | safe }} </body> </html> ``` 请注意，您需要在HTML页面的<head>标签中引入pyecharts的JS库，否则词云图无法正常显示。此外，为了避免XSS攻击，使用`| safe`过滤器将HTML代码标记为安全，以便Flask可以将其呈现到页面中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值