如何在杜松子酒中使用路由器提供 html 文件？

Question

I'm practicing using gin framework to make web server and trying to serve 'index.html' file to web browser. so, I searched about how to manage it and wrote code like below but it occures 'http error 500 '. Where I have to amend codes?

main.go

    package main

import (
    "comento/works/pkg/router"
    
)



func main(){
    r := router.Router()    
    r.Run(":8081")  
    
}

}

router.go

package router

import (
    // "comento/works/pkg/api"
    "github.com/gin-gonic/gin"
    "net/http"
    
)

func Router() *gin.Engine {
    r := gin.Default()
    r.GET("/", func(c *gin.Context) {
        c.Header("Content-Type", "text/html")
        c.HTML(http.StatusOK, "index.html", gin.H{})
    })

    return r
}

and directory status below

works. ├── go.mod ├── go.sum ├── images ├── index │ └── index.html ├── internal │ └── global.go ├── main.go └── pkg ├── api │ └── image.go └── router └── router.go

Answer 1

You have to tell gin to load the HTML files first using either r.LoadHTMLGlob() or r.LoadHTMLFiles() .

In your case with your directory structure:

func Router() *gin.Engine {
    r := gin.Default()
    r.LoadHTMLFiles("index/index.html") // either a single file like this
    // r.LoadHTMLGlob("index/*") // or a glob pattern
    r.GET("/", func(c *gin.Context) {
        c.HTML(http.StatusOK, "index.html", gin.H{})
    })
    return r
}

Answer 2

Accorfing to Documents serving static file is as followings:

   r.StaticFS("/index.html", http.Dir("<your_directory_name>"))

Documents reference