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

参考：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="">