html form 提交后404,在Flask中提交表单后CSS丢失（404）-白红宇

html form 提交后404,在Flask中提交表单后CSS丢失（404）

阅读量：474 次

发布时间：2019-03-06

本文共 327 字，大约阅读时间需要 1 分钟。

当我在Flask应用中处理登录提交时，发现CSS文件无法正确加载，显示404错误。经过仔细分析，我发现问题出在路由处理上。Flask默认会根据当前路由构建静态文件的路径，导致文件无法正确加载。为解决此问题，我手动构建了静态文件的路径，确保CSS文件始终从正确的根目录加载。

步骤解释：

检查Flask配置：确保 static_folder 正确设置为 static，默认路径下即可。

模板中手动构建路径：在模板中使用 url_for('static', filename='style.css')，确保路径正确。

验证结果：在提交表单时，检查浏览器的开发工具，确保CSS文件加载正确路径。

通过以上步骤，问题得以解决，CSS文件在任何路由下都能正确加载。

转载地址：http://oarbz.baihongyu.com/

你可能感兴趣的文章

npm build报错Cannot find module ‘webpack‘解决方法

npm ERR! ERESOLVE could not resolve报错

npm ERR! fatal: unable to connect to github.com:

npm ERR! Unexpected end of JSON input while parsing near '...on":"0.10.3","direc to'

npm ERR! Unexpected end of JSON input while parsing near ‘...“:“^1.2.0“,“vue-html-‘ npm ERR! A comp

npm error Missing script: “server“npm errornpm error Did you mean this?npm error npm run serve

npm error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装

npm install CERT_HAS_EXPIRED解决方法

npm install digital envelope routines::unsupported解决方法

npm install 卡着不动的解决方法

npm install 报错 EEXIST File exists 的解决方法

npm install 报错 ERR_SOCKET_TIMEOUT 的解决方法

npm install 报错 Failed to connect to github.com port 443 的解决方法

npm install 报错 fatal: unable to connect to github.com 的解决方法

npm install 报错 no such file or directory 的解决方法

npm install 权限问题

npm install报错，证书验证失败unable to get local issuer certificate

npm install无法生成node_modules的解决方法

npm install的--save和--save-dev使用说明

npm node pm2相关问题