Go Server无法加载CSS及静态资源问题求助

核心问题分析 #

静态资源请求被错误路由到HTML页面的处理逻辑，导致返回内容为HTML而非静态资源。根源是http.FileServer的路径映射配置有误，未正确剥离URL中的前缀路径。

具体解决步骤 #

1. 修正静态资源路由配置 #

使用http.StripPrefix剥离URL中的/view/static/前缀，让FileServer能正确定位到static目录下的资源：

// 替换原有配置
mux.Handle("/view/static/", http.StripPrefix("/view/static/", http.FileServer(http.Dir("static"))))

解释：当浏览器请求/view/static/css/style.css时，StripPrefix会移除/view/static/前缀，FileServer就会去static/css/style.css路径查找资源，避免了错误查找static/view/static/css/style.css的问题。

2. 检查HTML中静态资源的引用路径 #

确保HTML内的资源引用路径与路由配置完全匹配，示例：

<!-- 正确的绝对路径引用 -->
<link rel="stylesheet" href="/view/static/css/style.css">
<img src="/view/static/img/logo.png">

注意路径要以/开头，避免页面处于子路径时，相对路径导致请求偏离静态资源路由。

3. 确认目录结构正确性 #

确保项目目录结构符合预期（示例）：

项目根目录
├── main.go
├── static
│   ├── css
│   │   └── style.css
│   └── img
│       └── logo.png
└── templates
    └── index.html

static目录需与main.go同级，若目录位置不同，需在http.Dir()中填写正确的相对路径（如http.Dir("./templates/static")）。

4. 调整路由注册顺序 #

gorilla/mux会按路由注册顺序匹配请求，需将静态资源路由放在首页路由之前：

// 先注册静态资源路由
mux.Handle("/view/static/", http.StripPrefix("/view/static/", http.FileServer(http.Dir("static"))))
// 再注册首页路由
mux.HandleFunc("/view/", indexHandler)

验证方法 #

修改配置后重启服务器，打开浏览器Network面板：

• 确认静态资源的请求URL为/view/static/xxx格式
• 查看响应内容是否为对应CSS/图片的原始内容，而非HTML代码

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