在前端页面中,会有许多css/js/image等静态文件,在gin中只需要做以下配置。

    比如项目目录如下:
    image.png

    然后index.html内容如下

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Title</title>
    6. </head>
    7. <body>
    8. <img src="/static/images/1.jpg">
    9. <h1>你好</h1>
    10. </body>
    11. </html>

    在主函数中做以下配置,则可以正常读取静态图片了,如下:

    1. package main
    2. import (
    3. "github.com/gin-gonic/gin"
    4. "net/http"
    5. )
    6. func Hello(ctx *gin.Context){
    7. ctx.HTML(http.StatusOK,"index.html",nil)
    8. }
    9. func main() {
    10. router := gin.Default()
    11. router.Static("/static","static")
    12. router.LoadHTMLGlob("templates/*")
    13. router.GET("/",Hello)
    14. router.Run()
    15. }

    启动后,访问浏览器,如下:
    image.png