go - go 1.16:如何在 go:embed 中使用带前缀
问题描述
我有一个VueJS
用于提供 Web 界面的 go 项目。在构建项目时,我首先使用npm run build
编译前端代码,该代码是在gui/dist
我的项目目录下生成的。然后我使用这段代码来提供静态内容:
//go:embed gui/dist/*
var dist embed.FS
gui := http.FileServer(http.FS(dist))
http.Handle("/", gui)
http.HandleFunc("/api/", func(w http.ResponseWriter, r *http.Request) {
msg := fmt.Sprintf("TODO: %s", r.URL)
http.Error(w, msg, http.StatusNotImplemented)
})
svr := http.Server{
Addr: fmt.Sprintf(":%v", cf.HTTPPort),
ReadTimeout: time.Minute,
WriteTimeout: time.Minute,
}
assert(svr.ListenAndServe())
问题是,在浏览器中打开站点时,它显示了一个浏览文件界面,即以gui开头,然后进入dist,然后显示index.html
文件,这是一个空白页面,因为它需要文件/css/...
,而go网络服务器在/gui/dist/css/...
.
我尝试使用http.StripPrefix()
但显然它不是为了处理这种情况,或者我没有正确使用它:
http.Handle("/", http.StripPrefix("/gui/dist", gui))
这产生了一个404 page not found
.
解决方案
您可以使用fs.Sub(dist, "gui/dist")
(docs),尝试一下:
package main
import (
"embed"
"fmt"
"io/fs"
"log"
"net/http"
)
func main() {
http.Handle("/", http.FileServer(getFileSystem()))
http.HandleFunc("/api/", api)
err := http.ListenAndServe(":8080", nil)
if err != nil {
log.Fatal(err)
}
}
func getFileSystem() http.FileSystem {
fsys, err := fs.Sub(dist, "gui/dist")
if err != nil {
log.Fatal(err)
}
return http.FS(fsys)
}
func api(w http.ResponseWriter, r *http.Request) {
msg := fmt.Sprintf("TODO: %s", r.URL)
http.Error(w, msg, http.StatusNotImplemented)
}
//go:embed gui/dist/*
var dist embed.FS
推荐阅读
- html - 如何对齐不同组件中的两个 div?
- angular-router - 在导入数组之外调用 RouterModule.forChild()
- sql - 如何在 ILIKE 搜索查询中编写包含 OR 和 AND 条件的查询
- python - 在 seaborn 中绘制行而不是列
- reactjs - 使用类制作组件并在返回后使用标签html时是否有错误
- c# - 将具有多个数据表的数据集导出到 Excel 中的单个工作表
- c++ - 一个应用程序中两个不同版本的库
- ios - 重构的用户获取功能不会将信息加载到集合视图单元格
- mysql - 如何在mysql中使用for循环,因为我想从输入中搜索给定经理的层次结构中的员工。?
- python - 通过click()找到超链接后如何使用find_element