gin使用embed打包html
embed
使用类似的注释打包html文件
//go:embed pages/dist/*
打包的代码如下
package mainimport ("embed""io/fs""net/http""github.com/gin-gonic/gin"
)//go:embed pages/dist/*
var embedFs embed.FSfunc main() {e := gin.Default()fpages, _ := fs.Sub(embedFs, "pages")fdist, _ := fs.Sub(fpages, "dist")fjs, _ := fs.Sub(fdist, "js")fcss, _ := fs.Sub(fdist, "css")e.StaticFS("/js", http.FS(fjs))e.StaticFS("/css", http.FS(fcss))e.GET("/", func(c *gin.Context) {c.FileFromFS("/", http.FS(fdist))})e.Run()
}
浏览器在请求服务端页面时，根据url匹配文件
io.fs.open(“/”)
返回"/“路径下所有的文件，不会递归遍历，所有c.FileFromFS(”/", http.FS(fdist))返回更目录中的所有文件
下面代码中的js和css文件在单独的目录里面，使用"/"无法访问
<!doctype html>
<html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>pages</title><script defer="defer" src="/js/chunk-vendors.87e17c26.js"></script><script defer="defer" src="/js/app.cf230781.js"></script><link href="/css/app.2cf79ad6.css" rel="stylesheet">
</head><body><noscript><strong>We're sorry but pages doesn't work properly without JavaScript enabled. Please enable it tocontinue.</strong></noscript><div id="app"></div>
</body></html>
添加静态文件服务器
e.StaticFS(“/js”, http.FS(fjs))
e.StaticFS(“/css”, http.FS(fcss))
或者修改html相对路径，保证文件能在"/"路径中所有搜索到或者在静态文件服务器中找到。