web.py 纯前端 vs 全栈开发思想的对比_支持中文、特殊字符.txt

学无止境慢慢来

于 2019-12-23 18:48:25 发布

阅读量161

点赞数

CC 4.0 BY-SA版权

分类专栏： web.py

本文链接：https://blog.youkuaiyun.com/weixin_42193179/article/details/103671462

web.py 专栏收录该内容

20 篇文章

订阅专栏

本文探讨了在全栈项目中如何正确管理和引用静态文件，包括图片、CSS和JS等资源。阐述了纯前端与全栈项目在静态文件处理上的区别，并提供了中文文件名的URL编码解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考：http://webpy.org/cookbook/staticfiles.zh-cn

1.在引用静态文件时
纯前端：
考虑的是该文件相对于 html 的路径，静态文件随便放，没限制，只要路径对就行。
全栈：
则应当考虑，在服务的同位置处新建目录 static（经测试，此处必须这样做）,
其下再建目录 img, css, js 等，用于分门别类的存放静态文件。
例如, 网址 http://localhost/static/logo.png 将发送 ./static/logo.png 给客户端。

注：对于包含中文、特殊字符的静态文件，可以通过手工编码的方式解决，代码如下：
// 以下代码用于 编码带有中文及特殊符号的 url。
// let src = "/static/img/login/南站页面5-9-43.png";
// console.log('src:', encodeURI(encodeURI(src)))

引用静态文件的前后对比：
报错的：
<img class="login" src="/static/img/login/南站页面5-9-43.png" alt="">
正常的：
<img class="login" src="/static/img/login/%25E5%258D%2597%25E7%25AB%2599%25E9%25A1%25B5%25E9%259D%25A25-9-43.png" alt="">