How do I Serve Static Files with a Gin Router?

Serving Static Files with Gin Router

In Gin, serving static files such as JSON can be achieved through dedicated routes, eliminating the need to build a complex file-serving system from scratch.

Consider the given application structure and code in the question. The HTML file accesses a JSON file using JavaScript, but an error occurs when attempting to access it. To resolve this, define a specific route for the JSON file in the main.go file:

<code class="go">func main() {
    router = gin.Default()
    router.LoadHTMLGlob("templates/*")

    router.GET("/web", func(c *gin.Context) {
        c.HTML(http.StatusOK, "index.html", gin.H{
            "title": "Web",
            "url":   "/web.json", // Change here to use the newly defined static file route
        })
    })

    // Add a route for the JSON file
    router.StaticFile("/web.json", "templates/web.json") // Add this line

    router.Run()
}</code>

Now, Gin will serve the JSON file through the "/web.json" route. Remember to include the appropriate HTML tags in your index.html file to display and access the JSON file in JavaScript:

<code class="html">...
<script>
  window.onload = function() {
    // Begin Swagger UI call region
    const ui = SwaggerUIBundle({
      url: "/web.json", // Use the static file route here
      dom_id: '#swagger-ui',
      // ...
    })
    // End Swagger UI call region

    window.ui = ui
  }
</script>
...</code>

By following these steps, you can effectively serve static files within your Gin router, allowing your application to access the necessary data and functionality.

The above is the detailed content of How do I Serve Static Files with a Gin Router?. For more information, please follow other related articles on the PHP Chinese website!