5.Gin 静态文件服务

2023-11-20 14:36:43 浏览数 (2)

5.Gin 静态文件服务

静态文件服务

当我们渲染的 HTML 文件中引用了静态文件时, 我们需要配置静态 web 服务。

代码示例

准备静态文件

1696178698221

代码语言:javascript复制
h1{
    color: red;
}

配置静态文件的加载

1696178751358

代码语言:javascript复制
// 定义静态文件路径
r.Static("/static", "static")

“前面的/static 表示路由 后面的./static 表示路径 ”

在 html 中引入静态文件 css

1696178820218

代码语言:javascript复制
<!-- 引入css  -->
<link rel="stylesheet" href="/static/css/main.css" />

测试效果

访问 http://localhost:8000/default/index

1696178861698

可以看到已经渲染上 css

0 人点赞