webpy框架下CSS无法加载求助（PyCharm开发环境）

咱们一步步来解决你遇到的CSS加载失败问题，核心原因主要集中在静态文件路由配置和路径引用上，先看具体分析和修复方案：

1. 缺失Web.py静态文件路由配置 #

Web.py框架默认不会自动处理静态资源（比如CSS、JS、图片）的请求，你需要在路由规则里明确指定静态文件的处理逻辑。当前你的Controller.py里只配置了首页路由，没有对/static/路径做任何映射，导致服务器收到CSS请求时不知道该返回什么。

修改后的Controller.py代码： #

import web
urls = (
    '/', 'home',
    # 添加静态文件路由：匹配所有/static/开头的请求，用web.static处理，指定根目录为项目下的static文件夹
    '/static/(.*)', 'web.static', {'root': './static'}
)
render = web.template.render("Views/Templates/", base="MainLayout")
app = web.application(urls, globals())

class home:
    def GET(self):
        return render.Home()

if __name__ == "__main__":
    app.run()

2. CSS文件的相对路径错误 #

你当前在MainLayout.html里用的是../../static/css/swag.css这种相对路径，这是基于当前页面URL（首页是/）的相对路径，计算后会跳出你的项目根目录，自然找不到CSS文件。

修改后的标签： #

把相对路径改成绝对路径，直接基于我们刚才配置的静态路由：

<link rel="stylesheet" href="/static/css/swag.css">

3. /etc/hosts配置的影响 #

你的hosts文件里只是屏蔽了JetBrains的相关域名，这和本地静态文件的加载完全无关，所以这个配置不会导致CSS加载失败，可以直接排除。

最后确认项目目录结构 #

确保你的项目文件结构和路由配置对应，应该是这样的：

你的项目根目录/
├── Controller.py
├── static/
│   └── css/
│       └── swag.css
└── Views/
    └── Templates/
        ├── MainLayout.html
        └── Home.html

修改完成后重启你的webpy服务，再刷新浏览器应该就能正常加载CSS了。

内容的提问来源于stack exchange，提问作者BackUpParis